Задать вопрос
NEOmanceR
@NEOmanceR
Начинающий веб разработчик

Где правильно подключить стили scss в ReactJS?

Ситуация така, у меня есть scss файл там есть несколько общих стилей как пример переменные с цветами и сетка для некоторых блоков.

Я подключаю этот файл в к каждому компоненту через import и использую переменные и нужные селекторы оттуда. Но посмотрев инспектор увидел что там на один элемент оно перезаписывает селекторы по несколько раз.
Думаю это из за того что файл стилей подключен во всех компонентах вот оно и рендерид его много раз.
В каком месте мне нужно плдключить мой scss что бы везде читались мои переменные и селекторы и не вызывать его с рендерингом каждого компонента. Думаю это как то не правильно.
Буду благодарен за любой совет.
  • Вопрос задан
  • 128 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Яндекс Практикум
    Фулстек-разработчик
    16 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Нетология
    Фронтенд-разработчик
    11 месяцев
    Далее
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
Решения вопроса 1
Решение неверное. Общие стили импортируются один раз в корневом файле стилей. Если есть часто используемые переменные, то можно создать scss файл специально для них и импортировать его в различные компоненты уже по несколько раз.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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