reactjs - 我可以（或者我应该）在 React.js 中将 7-1 模式与 SASS 一起使用吗？

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

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

标签： reactjsdesign-patternssass

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

我的想法是：7-1 scss 模式、css（或 sass）模块、样式化组件及其组合。

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

只要您不混合模式，代码就应该有条理并且具有高度可扩展性。

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

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