Javascript 单击materialize css react触发器onClick按钮内的图标

单击按钮会适当地触发onClick，但单击按钮内的图标也会触发onClick，但没有正确的数据（

item.target.className

等等）

复选框

是否有任何方法可以禁用可以单击的图标

---

如果无法处理此.changeTimesButton（事件）中的event.target，请在react项目中使用materialize css：

在图标标记上设置onClick（），然后阻止默认操作

    <button id={check} onClick={this.changeTimesButton} 
      className="waves-effect waves-light btn">
      <i className="material-icons" onClick={(e)=>{e.preventDefault()}}>check_box</i>
    </button>

{e.preventDefault（）}>复选框

更新

您可以使用stopPropagation而不是preventDefault

有关stopPropagation和preventDefault的更多详细信息，请参见：

---

如果无法处理此.changeTimesButton（事件）中的event.target：

在图标标记上设置onClick（），然后阻止默认操作

    <button id={check} onClick={this.changeTimesButton} 
      className="waves-effect waves-light btn">
      <i className="material-icons" onClick={(e)=>{e.preventDefault()}}>check_box</i>
    </button>

{e.preventDefault（）}>复选框

更新

您可以使用stopPropagation而不是preventDefault

有关stopPropagation和preventDefault的更多详细信息，请参见：