Is it possible to disable the parent's onClick if the nested element's onClick fires?

Question

React

I seem to be looping and missing something obvious.
What would you like:
- there is li - the element to do of the list,
- it has two buttons:

How to make it so that when clicking on li, its onClick is triggered, and when the button is clicked, the onClick of the button, and not both?
Is it even possible?

Answer 1

maybe you need this event.stopPropagation() in the button's onClick