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

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

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

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

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

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


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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Дизайн интерьера для заведения
27 апр. 2024, в 21:24
150000 руб./за проект
Нужно добавить несколько параллакс эффектов
27 апр. 2024, в 21:12
500 руб./за проект
Доработать функционал загрузки прайсов в БД
27 апр. 2024, в 20:40
5000 руб./за проект
Ещё заказы