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

Question

[Alex Krynytskyi]

Задача такая. У меня есть компонент Хому и в нем есть компонент Хеадер
Хочу при наведение на хому (моус ентер)менят цвет хедера. Вот не могу понять логику передачи даных понять (

Answer 1

[Gary_Ihar]

1) в Хоме отслеживайте mouse enter и mouse leave. Меняйте флаг в стейте
2) передавайте инфу "флага" в компоненту хеадер и там работаете со стилями

Comments

[Alex Krynytskyi]

Ну со стилями я так и думал как вы написали. Но мне нужно вот так на флаг функцию вызывать. И я не могу понять как и где в хедере ёе прописать. В простой блок if засунуть и в нём проверять флаг?

[Gary_Ihar]

Alex Krynytskyi, да в любом месте между именем компоненты хому и словом return.

Answer 2

[Simkav]

У родителя сделать функцию для изменения стейта, и передать её дочернему компоненту