How to bind events on different components to one?

Question

React

There is a button to open the popup.
There is a popup with a close button.
There is a parent component where they are used together.
You need to change the class for the popup depending on whether it is open or not.
A catchy example is here .
Can you please tell me how to trigger events?
Or maybe a link where you can see examples?

Answer 1

Figured it out
jsbin.com/garicepaga/edit?html ,css,js,output