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

问题描述

问 题

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

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

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

谢谢大家分享自己的做法

解决方案

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

这篇关于javascript - 关于如何写React.js组件的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！