reactjs - 如何添加 onKeyPress 事件来 react Material-ui 文本字段？

Question

我使用了 React Material-ui 中的 TextField。我想知道用户是否按下了Ctrl+Enter。我尝试使用 onKeyPress 事件但没有结果。我怎样才能实现这个目标？

<TextField
    value={this.state.message}
    autoFocus={true}
    hintText='Type your message here'
    onChange={this.onChangeMessage}
    onKeyPress={(event) => {
        if (event.ctrlKey && event.keyCode == '13')
            this.sendMessage();
    }}
    multiLine={true}
/>

Answer 1

onKeyPress 是 React 支持的合成 Key 事件，如上所述 here 。试试这个代码:

 onKeyPress= {(e) => {
            if (e.key === 'Enter') {
              console.log('Enter key pressed');
              // write your functionality here
            }
    }}