将两个style.css用于同一React应用

Question

我正在尝试使用两个片段作为Bootsnipp的组件，并且每个片段都有自己的CSS。我试图将它们都放在style.css中，但最终损坏了一个组件，而使另一个看上去不错。 我正在考虑如何同时使用这两个styles.css，因为在index.js中，我只能导入style.css。

我可以使用路由器使用多个页面，并在第二页中导入style.css吗？但这是否意味着我必须将第二页用作app.js，它在react中仅被调用一次？这让我感到困惑。

编辑：我可以将一个组件的css放在另一个css文件中，然后将其导入该组件内而不是index.js吗？ 我是否将该组件放入index.js并没有困扰我；实际上，我不会在那里使用它。

Answer 1

我会说您需要处理全局名称空间问题。您可以使用自己的css文件创建两个组件。

然后添加唯一的className以停止冲突。

这里的好处是您还可以启用代码随地吐痰，因此仅在需要时才加载html / css / js（请参见React.lazy）。

-

通过尝试以不同的时间或方式加载两种样式，您仍然会遇到相同的样式冲突问题。