React prevent event bubbling in nested components on click

Question

Here\'s a basic component. Both the

and
• have onClick functions. I want only the onClick on the
• to fir

Answer 1

This is an easy way to prevent the click event from moving forward to the next component and then call your yourFunction.

 {e.stopPropagation(); yourFunction(someParam)}}>Delete