React Не связанные компоненты передать данные?

Question

[nikolay22323]

Есть 2 компонента
Main
В main компоненте при нажатии на кнопку onClick (Вызывалась функция в header)
Header
Вызов функции в header handechange =e =>{
console.log("test")
}
Без родителей и детей они не должны быть связаны как это сделать?

Comments

[Dmitry Bay]

Provider?

[nikolay22323]

Dmitry Bay, Это уже как родитель ребенок а нужно без такой схемы

[Gimir]

Может проблема в том что эта функция находится в хедере? Тут просто не понятна сама проблема, почему именно так нужно делать?. Может задаются неправильные вопросы)

Answer 1

[Антон Иванов]

Используйте Redux. Оба компонента (Main, Header) у вас будут не зависимы друг от друга, однако оба будут зависеть от состояния в redux.

Comments

[nikolay22323]

а есть вариант по ReactJs?

[Антон Иванов]

Вам предложили в комментарии через Context.Provider. Создаете компонент-обертку, в него ставите Context.Provider. Все компоненты внутри него получают все данные, хранящиеся в контексте. По сути - получается очень облегченный (ну прям очень) редукс.