@AlexShow163
Начинающий верстальщик

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

Добрый день есть родительский компонент App и два дочерних компонента Header и Main как передать props от header в main????
  • Вопрос задан
  • 41 просмотр
Решения вопроса 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}/>
        </>
    )
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
kirbi1996
@kirbi1996
создай его в App, и затем передавай детям, в противном случае можно воспользоваться useContext. А вообще если бы был код можно было бы подсказать
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Leningrad Media Санкт-Петербург
от 100 000 до 150 000 ₽
SaveTime Москва
от 160 000 ₽
Сбербанк Санкт-Петербург
До 250 000 ₽