How to pass data from parent component to child component in React?

Question

React

The task is this. I have a Homu component and it has a Header component.
I want to change the color of the header when hovering over the homa (mouse enter). I can’t understand the logic of data transfer to understand (

Answer 1

1) in Homa, keep track of mouse enter and mouse leave. Change the flag in the state
2) pass the "flag" info to the header component and work with styles there

Answer 2

Make a function for the parent to change the state, and pass it to the child component