Как передать данные из дочернего в дочерний компонент React?

Question

[fsociety0]

Вот структура проекта. Нужно сделать так, чтобы при нажатии кнопки в компоненте Button вызвалась функция в компоненте Navbar. Пробовал через <Context.Provider> в компоненте App, но не вышло. Также пробовал изменять State в компоненте App, но результат такой же.

Comments

[n1ksON]

А функцию из Navbar нельзя перенести в App?

Answer 1

[Максим]

Данные из компонента в дочерний компонент передаются через пропсы или контекст. Для вызова функции в NavBar , нужно определить ее в NavBar)) и прокинуть ее до Button через пропсы или использовать контекст.

Answer 2

[TRNER]

Данные между несвязанными дочерними компонентами обычно передаются через общего родителя, если мы говорим о чистом реакте. То есть в данной схеме App будет хранить нужное состояние и передавать его в NavBar в виде проспав, а Button будет изменять его через callback функции.

Я когда-то делал небольшой пример, надеюсь поможет.