Как передовать события компонентам находящимся внутри других компонентов?

Question

[mishapsv]

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

Answer 1

[Эдуард]

в общих чертах примерно так:

https://gist.github.com/edtoken/d0909e9f57070376b58a

У Layout есть state, в state хранится то, что нужно всем дочерним компонентам от Layout.
(собственно как и с любым другим компонентом).

Так же Layout имеет методы для работы со стоим state и предоставляет их дочерним компонентам от себя.
Любой другой дочерний компонент имеет свои обработчики, модифицирует/получает/вычисляет данные и использует метод который был передан из Layout

Comments

[mishapsv]

Эдуард Спасибо огромное!