Почему модули scss в другом компоненте переопределяют некоторые css в моем текущем компоненте в React?

#javascript #css #reactjs #sass

#javascript #css #reactjs #sass

Вопрос:

Я работаю над стилизацией своего приложения react с помощью импортированных модулей scss (с использованием node-sass). Я хотел бы создать файл .scss для каждого компонента. Я закончил стилизацию своей целевой страницы, и все было в порядке, но когда я перешел на свою страницу входа, CSS-макет сетки переопределялся scss-файлом целевой страницы, поскольку я захватывал «корневой» div в каждом scss-файле и создавал там макет сетки. Буду признателен за любую помощь!

Ответ №1:

Хорошо, я понял это после небольшого перерыва. Я очень конкретен в именах классов для каждого компонента, просто чтобы убедиться, что ничего не конфликтует, и я использую переключение / удаление уникальных имен классов для каждого компонента для моего корневого div в методах жизненного цикла каждого компонента.