我可以(或者应该)在React.js中将7-1模式与SASS一起使用吗?

时间:2019-07-19 14:15:17

标签: reactjs design-patterns sass

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

我可以/应该使用7-1模式(当然使用shame.scss文件)吗? 如果不是,您建议的最佳做法是什么?

1 个答案:

答案 0 :(得分:0)

当前,有许多有效的模式可用于对React组件进行样式设置。

从我的脑海中是: 7-1 scss模式,css(或sass)模块,样式化的组件及其组合。

7-1模式可以像超级按钮一样工作-只需在顶级组件中一次导入主scss文件,就可以设置了。

只要不混合使用模式,代码就应该组织得井井有条,并且高度可扩展。

一旦开始混用概念,您可能会感到困惑,是应该在CSS模块中使用孤立的组件及其样式(例如:带有CSS模块的Button组件)还是将组件样式保留为7-1模式的一部分。 / p>

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