React Material UI Multiline Textfield OnSubmit不會觸發

Question

我試圖設計一個類似於Slack風格的文本輸入框。你可以在哪裏做Ctrl + 輸入做一個換行和輸入提交。材質用戶界面文本字段，甚至材質用戶界面都可行嗎？

謝謝！

Answer 1

您可以使用material-ui的文本字段，默認情況下，它只在輸入字段中提供一行，但也可以通過設置bool multiLine={true}擴展到多行。

在多行的情況下Ctrl + 輸入將按您的要求工作。類似這樣的：

<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