Как передать props между дочерними функциональными компонентами в React?

Question

[Александр Шоу]

Добрый день есть родительский компонент App и два дочерних компонента Header и Main как передать props от header в main????

Answer 1

[moody_good]

Можно вот так:

export default Header = ({ setProp }) => {
    return (
        <button onClick={() => setProp('hello')}>Ok</button>
    )
}

export default Main = ({ prop }) => {
    return (
        <div>{prop}</div>
    )
}

export default App = () => {
    const [mainProp, setMainProp] = useState('');
    return (
        <>
            <Header setProp={setMainProp} />
            <Main prop={mainProp}/>
        </>
    )
}

Answer 2

[Kirill Makarov]

создай его в App, и затем передавай детям, в противном случае можно воспользоваться useContext. А вообще если бы был код можно было бы подсказать