如何将事件侦听器添加到Redux表单

时间:2020-07-16 19:10:25

标签: javascript reactjs redux react-redux redux-form

我正在尝试将keydown事件传递给redux表单,但是我很茫然。有人可以帮我解决这个问题吗?其实,我想在用户按redux形式按Enter时发出警报。

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

1 个答案:

答案 0 :(得分: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?")
}
}