React Material UI複数行のテキストフィールドOnSubmitは起動しません

Question

Slackのスタイルに似たテキスト入力ボックスを設計しようとしています。あなたができる場所Ctrl + 改行を入力する場合はを入力し、を入力する場合はと入力してください。マテリアルUIのテキストフィールドやマテリアルUIでもこれは実現可能ですか？

ありがとうございます！

Answer 1

material-uiのテキストフィールドを使用することができます。デフォルトでは、入力フィールドには1行しか与えられませんが、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