Задать вопрос
@gallantalex
html

Как в React задавать разные css-свойства для разных страниц?

Как в Реакте задавать разные css-свойства на отдельных страницах?
Например, на странице Home должно быть так:
body {
background: white;
}

А на странице About так:
body {
background: blue;
}

Так как это разные роуты, может быть от этого стоит отталкиваться?
  • Вопрос задан
  • 350 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
Omashu
@Omashu
#TODO
Ну где у вас рендерится тег body там и задавайте модификаторы в зависимости от роута или других параметров.
Или например так:

Layout:
<body style={this.props.bodyStyle}>{this.props.children}</body>


Home/About:
<Layout bodyStyle={styles}>
<Component/>
</Layout>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработка проекта по CS2
29 нояб. 2024, в 07:44
20000 руб./за проект
Тг скрипт для рассылки
29 нояб. 2024, в 04:45
5000 руб./за проект
Авито, скрипт для массовой рассылки
29 нояб. 2024, в 04:42
5000 руб./за проект
Ещё заказы