React router добавляет таблицы стилей при изменении маршрута

Question

У меня есть приложение, в котором у меня есть разные маршруты, и у каждого маршрута есть компонент с импортированным в него собственным файлом css. Проблема в том, что когда я меняю маршруты с помощью тега, стили s css просто добавляются к стилям в заголовке, что вызывает проблемы со стилем на странице, потому что некоторые имена похожи. Как сделать так, чтобы таблицы стилей не добавлялись каждый раз при изменении маршрута?

Answer 1

Вам нужно обернуть каждый компонент родительским именем css. Например: если у вас есть компонент с именем PostList, ваш файл css будет выглядеть так. post-list. css .post-list {... css здесь}