我'm trying to design a text input box similar to Slack'的风格 . 您可以在哪里执行Ctrl Enter以执行换行并按Enter键进行提交 . 这对于材料用户界面文本字段甚至材料用户界面是否可行?
谢谢!
您可以使用material-ui的文本字段,默认情况下它只在输入字段中提供一行,但您也可以通过设置bool multiLine={true} 来扩展到多行 .
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
1 回答
您可以使用material-ui的文本字段,默认情况下它只在输入字段中提供一行,但您也可以通过设置bool
multiLine={true}
来扩展到多行 .如果是多行,Ctrl Enter将按您的意愿工作 . 像这样的东西:
要进行更多自定义,您还可以指定行和最大行 . 输入你可以在onchange事件中实现的功能,通过检查enter键的键代码,如下所示:
检查所有属性和规格:http://www.material-ui.com/#/components/text-field