Why does the modal close on any click?

Question

React

https://jsfiddle.net/7jze1skt/

We need it to close only when the overlay is clicked. I put a click on it, but the modal closes even if you click on it, and it's impossible to enter anything. Help me fix it please.

And one more thing - why does the form open only with a double click, and not with the first one, when it already appeared and closed?

Answer 1

fixed

Why does the modal close on any click?

Because it is necessary to check event.target- the element on which the click actually occurred

Why does the form only open on double click?

The logic was wrong, the function of opening / closing the modal window should be one and it must be forwarded through props