关于如何写React.js组件的样式

大家是怎么写 React.js 组件的样式的呢?

是每一个小组件都写一个样式文件,还是写到一个样式文件里面?

还是直接写到js里面(看到一个项目的样式是写在js里面的)

谢谢大家分享自己的做法

阅读 6.8k
2 个回答

你是指 reactjs 吧,这个真是仁者见仁了。
我习惯是用 less 写在样式文件中,每个模块都有自己的样式,import 引入。最后用 ExtractTextPlugin 输出合并成 CSS,这样 JS 和 CSS 既分离又做到按模块划分,最终打包得到的文件一个JS一个CSS也不会混杂,干净整洁。
要是 react native 的话,简单粗暴和写到行内感觉更有效一点。

可以考虑用css-modules, 其实和楼上说的差不多. 每一个组件一个css文件, 然后import到js里面. 看一下这篇文章就可以了~ 在这里

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题