Задать вопрос
cot_shaurma
@cot_shaurma
Java и всего понемногу

Как указать стили для body в React JS?

У меня есть компонент , который отображается только во время загрузки приложения. Специально для этого компонента я сделал такой стиль:

body {
    background-color: #644499;
    display: table;
    width: 100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}


И когда этот компонент перестаёт мне быть нужен, этот стиль всё равно остаётся. Как мне задать стиль для body только на период жизни компонента? Да, можно устанавливать и убирать стили в componentDidMount() и componentDidUnmount(), но нет способа почище? А то слишком много кода на мой взгляд (свойств-то много).
  • Вопрос задан
  • 1038 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
w13vitaliy
@w13vitaliy
self-taught developer since 2020
В index.css который импортируется в index.jsx
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽