Prevent click on underlying div, react js

Question

My jsx:

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

How do I prevent the onClick event on the div when I click on the icon?

0DDC0 · Accepted Answer · 2019-04-07 18:03:32Z

4

You can stop the event from propegating up the DOM tree. In your clickonicon do this.

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

answered Apr 7, 2019 at 18:03

0DDC0

5,2791 gold badge30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1