onChange 或 onClick 用于 ReactJS 中的单选按钮和复选框

【问题标题】：onChange or onClick for Radio buttons and Check boxes in ReactJSonChange 或 onClick 用于 ReactJS 中的单选按钮和复选框
【发布时间】：2017-08-02 14:06:16
【问题描述】：

在 ReactJS 中处理单选按钮和复选框事件的最佳实践是什么？该文档在“处理事件”文档中使用“onClick”显示，在“表单”文档中使用“onChange”显示。 onChange 仅在单选按钮上触发一次，因此我目前正在为它们使用 onClick。我认为这是一个错误。

【问题讨论】：

关于单选按钮，请查看Radio Input onChange only fires once?

标签： javascript reactjs

【解决方案1】：

嘿嘿，这不是错误，因为在某些情况下您只想知道它何时发生变化。例如，当您有一个支持补丁的 API 时，您可以在每次更改时发送修改。

如果您的 API 只支持一次性提交，那么 onClick 适合您！

【讨论】：

【解决方案2】：

单选按钮响应 JavaScript 中的 onchange 和 onclick 事件。但是，onchange 事件可能不会像您预期的那样工作。开启和关闭单选按钮时不会触发onchange 事件，而只会触发其中一个。

大多数浏览器会在单选按钮被选中时触发onchange，但Internet Explorer 9 之前的版本会在单选按钮被取消选中时触发onchange。

【讨论】：

查看实际演示 here。