reactjs - 如何添加onKeyPress事件以响应material-ui文本字段？

我使用了来自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}
/>

最佳答案

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

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

关于reactjs - 如何添加onKeyPress事件以响应material-ui文本字段？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45993523/