防止点击底层div，反应js

Question

我的jsx：

return (
  <div onClick={this.clickondiv}>
   <i className="zmdi zmdi.." onClick={this.clickonicon} /> 
  </div>
)

当我单击图标时如何防止div上的onClick事件？

Answer 1

您可以阻止事件向DOM树传播。在您的clickonicon中执行此操作。

clickonicon(e){
    e.stopPropagation();
    //Rest of the clickonicon code
}