首页 文章

React Material UI Multiline Textfield OnSubmit不会触发

提问于
浏览
0

我'm trying to design a text input box similar to Slack'的风格 . 您可以在哪里执行Ctrl Enter以执行换行并按Enter键进行提交 . 这对于材料用户界面文本字段甚至材料用户界面是否可行?

谢谢!

1 回答

  • 2

    您可以使用material-ui的文本字段,默认情况下它只在输入字段中提供一行,但您也可以通过设置bool multiLine={true} 来扩展到多行 .

    如果是多行,Ctrl Enter将按您的意愿工作 . 像这样的东西:

    <TextField
        hintText="MultiLine with rows: 2 and rowsMax: 4"
        multiLine={true}
        rows={2}
        rowsMax={4}
    />
    

    要进行更多自定义,您还可以指定行和最大行 . 输入你可以在onchange事件中实现的功能,通过检查enter键的键代码,如下所示:

    onChange(event, value){
        if(event.keyCode == 13){
            //put the logic here
        }
    

    检查所有属性和规格:http://www.material-ui.com/#/components/text-field

相关问题