javascript - 如何将事件监听器添加到 redux 表单

Question

我正在尝试将keydown事件传递给 redux 表单，但我不知所措。有人可以帮我解决这个问题吗？实际上，我想在用户以 redux 形式输入时发出警报。

<div className="col-sm-3">
  <Field
    name={`${item}.value`}
    type="text"
    component={renderField}
    keyDown={() => alert("what ar eyou")}
    normalize={normalizeDropdown}
    label="Values"
  />
</div>

标签： javascriptreactjsreduxreact-reduxredux-form

Answer 1

<Field
    name={`${item}.value`}
    type="text"
    component={renderField}
    onKeyDown={(e) => handleKeyDown(e)}
    normalize={normalizeDropdown}
    label="Values"
  />

---

const handleKeyDown = (e) => {
if(e.key == "Enter") {
alert("How are you?")
}
}