How to send events to components inside other components?

Question

React

If there are two components that are placed in one common - understandable.
Example But what if
the component <Bbutton/>is inside but inside ? Then they somehow meet in the main App component. How to synchronize them? Somehow through {...this.props} and conditions to write also in the App? <Header/>
<Popup/><MainSection/>

Answer 1

in general terms, something like this:
https://gist.github.com/edtoken/d0909e9f57070376b58a
Layout has a state, state stores what all child components from Layout need.
(actually as well as with any other component).
Layout also has methods for working with state and provides them to child components from itself.
Any other child component has its own handlers, modifies / receives / calculates data and uses the method that was passed from Layout