Задать вопрос
polyak-888
@polyak-888
Js, React.js, css, frontend
react

Как лучше передавать данные в hoc?

Есть такая структура:
5dd2774f36dab582639898.png
Есть компонент высшего порядка, в котором находятся хэдер, футер и контентная часть - роуты. Мне надо чтобы при переходе по определенному роуту менялся цвет хэдера. К примеру при переходе на Main хэдер был белый а буквы черные, а при переходе на Forum наоборот хэде-черный, буквы - белые. Как правильно передать пропс в хэдер в данном случае?
  • Вопрос задан
  • 57 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@davidnum95
Несколько вариантов есть, один из них:
<Route location={{ state: { headerColor: 'blue' } }}   path='/forum' component={Forum} />
 <Route location={{ state: { headerColor: 'red' } }}   path='/survey' component={SurveyPage} />

Дальше в HOC или в хэдере подключаем роутер через withRouter и достаем из location цвет
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Frontend developer (React)
Баланс-Платформа • Москва
До 250 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Отрисовать дизайн страницы "Календарь мероприятий" для школы бизнеса
20 апр. 2024, в 16:12
1000 руб./за проект
Разработать англоязычную версию корпоративного сайта на Statamic
20 апр. 2024, в 15:58
1500 руб./в час
Запись обучающих роликов и написание по машинному обучению
20 апр. 2024, в 15:40
3000 руб./за проект
Ещё заказы