Как передовать события компонентам находящимся внутри других компонентов?
Если есть два компонента, которые помещаются в одном общем - понятно. Пример
Но как быть, когда компонент <Bbutton/> находится внутри <Header/>,
а <Popup/> внутри <MainSection/>?
Потом они как-то встречаются в главном компоненте App.
Как их синхронизовать? Как-то через {...this.props} и условия писать тоже в App?
У Layout есть state, в state хранится то, что нужно всем дочерним компонентам от Layout.
(собственно как и с любым другим компонентом).
Так же Layout имеет методы для работы со стоим state и предоставляет их дочерним компонентам от себя.
Любой другой дочерний компонент имеет свои обработчики, модифицирует/получает/вычисляет данные и использует метод который был передан из Layout
