Использование двух style.css для одного и того же приложения

Question

Я пытаюсь использовать два фрагмента в качестве компонентов от bootsnipp, и каждый фрагмент имеет свой собственный CSS. я попытался поместить их оба в style.css, но в итоге один компонент повредился, чтобы другой выглядел нормально. Я думаю о том, как использовать оба этих style.css, так как в index.js я могу импортировать только style.css.

Могу ли я использовать маршрутизатор для использования нескольких страниц и импортировать style.css на второй странице? но разве это не значит, что мне придется использовать вторую страницу как app.js, которая вызывается только один раз в реакции? это меня немного смущает.

РЕДАКТИРОВАТЬ: могу ли я поместить CSS одного компонента в другой файл CSS, а затем импортировать его внутри этого компонента вместо index.js? меня не беспокоит, поместил ли я этот компонент в index.js или нет; на самом деле, я не собираюсь использовать его там.

Answer 1

Я бы сказал, что вам нужно разобраться с проблемой глобального пространства имен.Вы можете создать два компонента со своим собственным файлом CSS.

Затем добавьте уникальный className, чтобы остановить коллизии.

Преимущество в том, что вы также можете включить разбрызгивание кода, так что вы будете толькозагружайте html / css / js, когда вам это нужно (см. React.lazy).

—-

При попытке загрузить два стиля в разное время или по-разному у вас по-прежнему будет та же проблемапротиворечивые стили.