如何为 Material UI 文本字段正确设置 onKeyPress 事件？

Question

所以我有来自 Material UI 的 TextField 组件，如下所示：

<TextField
          id="todo-textarea"
          label="Enter new todo"
          placeholder="ToDo"
          onChange={this.props.toDoOnChange}
          onKeyPress={(ev) => {
            if (ev.ctrlKey && ev.key === 'Enter') {
                this.props.addHandler
            }
          }}
          value={this.props.toDoValue}
          className={classes.textField}
          margin="normal"
          helperText="Press Ctrl+Enter to add new ToDo"
        />

当我按下 ctrl+enter 时，我想调用 addHandler 方法（在 to-do 字段中添加输入值），但这东西不起作用。目前我通过按下按钮调用 addHandler 方法，效果很好。看起来好像从 onKeyPress 调用方法有问题，因为我在控制台中有这条消息：Expected an assignment or function call and instead saw an expression no-unused-expressions

你能告诉我这里有什么问题吗？

Answer 1

你应该这样调用函数

   this.props.addHandler() // with the brackets

所以现在代码看起来像

      <TextField
      id="todo-textarea"
      label="Enter new todo"
      placeholder="ToDo"
      onChange={this.props.toDoOnChange}
      onKeyPress={(ev) => {
        if (ev.ctrlKey && ev.key === 'Enter') {
            this.props.addHandler() // here was the mistake
        }
      }}
      value={this.props.toDoValue}
      className={classes.textField}
      margin="normal"
      helperText="Press Ctrl+Enter to add new ToDo"
    />