javascript - 每个 React 组件都应该有自己的样式表吗？

Question

我刚开始使用 React，并且有一个我在任何地方都找不到的简单问题。

那么，每个 React 组件都应该有自己的样式表吗？

例如，如果我有我呈现给浏览器的主要 App 组件，我应该只在其中包含一个 css 文件并在其中包含我的所有样式，还是最好为每个组件拥有一个自己的 css 文件？

谢谢。

标签： javascriptcssreactjs

Answer 1

React 中的 CSS 最佳实践仍然存在激烈的争论。每种变化都有优点和缺点。

您可能正在寻找的是 CSS 中的模块化。虽然为您的组件拥有独特的样式表确实在某种程度上实现了这一点，但我建议您看看CSS 模块。像这样的包可以让你的 CSS 包含在一个特定的组件中，这样你就不会在其他组件上覆盖样式。

就个人而言，我两者都做了一点。我使用基本样式表（例如引导程序）。然后我使用 CSS 模块来帮助我制作独特的组件，我可能希望轻松地将其移植到其他项目中。