Ignore click if focus is on button in element

There is a problem, I have a clickable element and if I want to click on a button in the element, then both of them will work, when I need only the button to work. Implementation via ReactJS. Button position absolute in element! Code example:

 <div onClick={() => alert(1)}>
    ...content
    <button onClick={() => alert(2)}>Click me!</button>
</div>

>Solution :

When you have a clickable element inside a clickable element, then you need to use event.stopPropagation();

So here

const myMethod = event => {
  alert(2);
  event.stopPropagation();
}

 <div onClick={() => alert(1)}>
    ...content
    <button onClick={myMethod}>Click me!</button>
</div>