点击materialize-css按钮内的图标会触发onClick

Question

单击该按钮会适当地触发onClick，但单击按钮内的图标也会触发onClick，但没有正确的数据（item.target.className和什么不是）

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

无论如何都要禁用可以点击的图标

在反应项目中使用materialize-css

Answer 1

如果你不能在this.changeTimesButton（event）中处理event.target：

在icon标签上设置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>

UPDATE

你可以使用stopPropagation而不是preventDefault

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

What's the difference between event.stopPropagation and event.preventDefault?