Question

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

谢谢！

Answer 1

您可以使用material-ui的文本字段，默认情况下它只在输入字段中提供一行，但您也可以通过设置bool $(".modal-container").click(function (event) { $(this).hide(); });扩展到多行。

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

multiLine={true}

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

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