Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 复选框更改事件在react中使用dispatchEvent时不会激发_Javascript_Reactjs_React Redux_Dom Events - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 复选框更改事件在react中使用dispatchEvent时不会激发

Javascript 复选框更改事件在react中使用dispatchEvent时不会激发

javascript reactjs

Javascript 复选框更改事件在react中使用dispatchEvent时不会激发,javascript,reactjs,react-redux,dom-events,Javascript,Reactjs,React Redux,Dom Events,我有一个带有onChange事件处理程序的复选框组件。我想在另一个元素中触发onChange事件单击处理程序。我正在创建一个自定义事件，并在click处理程序中分派该事件。我可以看到，这在一个本地的方式很好，而我不能达到同样的反应 复选框组件的使用 我已经创建了一个示例，请查找URL 非常感谢您的帮助。有几件事。您没有在复选框组件中使用正确的道具。您正在访问this.props.onChange，它应该是this.props.onCLick 您还需要对单选按钮onChange上的函数进行调用

我有一个带有
onChange
事件处理程序的
复选框
组件。我想在另一个元素中触发
onChange
事件
单击
处理程序。我正在创建一个自定义事件，并在click处理程序中分派该事件。我可以看到，这在一个本地的方式很好，而我不能达到同样的反应

复选框组件的使用




我已经创建了一个示例，请查找URL


非常感谢您的帮助。
有几件事。您没有在复选框组件中使用正确的道具。您正在访问
this.props.onChange
，它应该是
this.props.onCLick

您还需要对单选按钮
onChange
上的函数进行
调用


我已经编辑了代码。你可以在这里查一下
 谢谢你的回复。是的，我的密码有错误。我已经更正并更新了url。我有一个
onClick
事件附加到
span
上，并且
onChange
事件被传递到
复选框
组件。单击标签（即
span
中的文本）时，应选中并取消选中该复选框。我可以通过使用
label
标记和
for
属性来实现这一点，但由于某些限制，我无法使用它们。请查找更新的url

<Checkbox onChange={this.handleChange} />