样式化react中的组件

时间:2019-09-10 23:33:56

标签: reactjs

我正在建立自己的第一个React网站,我想问一谈样式方面的最佳实践。为每个组件创建不同的样式表是否更有意义,或者在单个样式表中具有所有组件的样式是否更有意义。

2 个答案:

答案 0 :(得分:1)

最佳实践是拥有一个通用的样式表-组件之间使用的样​​式。另外,我自己的样式表中将包含任何特定于组件的内容,以避免污染您的共享样式表。

答案 1 :(得分:0)

来自official docs

  

React对样式的定义没有意见;如有疑问,一个好的起点是像往常一样在单独的* .css文件中定义样式,并使用className引用它们。

要查看React样式方法的评论,请看一下Max Stoiber-Styling React.JS applications的这个演示文稿(稍旧)。已经有两年了,但是值得一看。

CSS-in-JS对我来说是最吸引人的。有许多技术/软件包,因此这里是useful comparison