我可以（或应该）在 React.js 中使用 7-1 模式和 SASS 吗？

Question

我想在 React 开发中使用一些好的模式（用于样式）。据我所知，React.js 封装了组件的样式（如果我理解正确的话）。

我可以/应该使用 7-1 模式（shame.scss当然是使用文件）吗？如果没有，您推荐的最佳做法是什么？

Answer 1

目前，有许多有效的模式来设计 React 组件的样式。

在我的脑海中最重要的是：7-1 scss 模式、css（或 sass）模块、样式化组件及其组合。

7-1 模式可以像魅力一样工作 - 只需在顶级组件中导入一次主 scss 文件，就可以了。

只要你不混合模式，代码就应该是有组织的和高度可扩展的。

一旦开始混合概念，您可能最终会感到困惑，是否应该在 CSS 模块中使用独立的组件及其样式（例如：带有 css 模块的按钮组件），还是将组件样式保留为 7-1 模式的一部分。

根据我的经验，最好的决定是坚持到底。