React Material UI Multiline Textfield OnSubmit 不会触发答案

【问题标题】：React Material UI Multiline Textfield OnSubmit won't fireReact Material UI Multiline Textfield OnSubmit 不会触发
【发布时间】：2016-12-06 07:08:47
【问题描述】：

我正在尝试设计一个类似于 Slack 风格的文本输入框。您可以在哪里执行 Ctrl+Enter 来换行，而 Enter 来提交。这对于 Material UI 文本字段甚至 Material UI 是否可行？

谢谢！

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

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

如果是多行 Ctrl+Enter 将按您的意愿工作。像这样的：

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

要进行更多自定义，您还可以指定行数和最大行数。输入功能可以在 onchange 事件中实现，通过检查输入键的键码，如下所示：

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

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

【讨论】：

这似乎不再起作用，因为 TextField 组件的 onChange 处理程序没有拾取回车键