如何将事件侦听器添加到 redux 表单 [英] How to add event listener to redux form

问题描述

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

<字段名称={`${item}.value`}类型=文本"组件={renderField}keyDown={() =>警报(你是什么")}规范化={normalizeDropdown}标签=值"/>

解决方案

handleKeyDown(e)}规范化={normalizeDropdown}标签=值"/>

---

const handleKeyDown = (e) =>{if(e.key == "Enter") {警报(你好吗?")}}

I am trying to pass the keydown event to redux form but I am at a loss. Could some one please help me how to resolve this issue? Actually, I want to alert when user hit enter in redux form.

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

解决方案

<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?")
}
}

这篇关于如何将事件侦听器添加到 redux 表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！