否则的话每个组件对应一个css,别的组件引入这个组件就要引入两个文件了.请同学们解答一下,纯新手哈
这个真不好说。看具体情况了。
我个人建议是不用这样。因为同一个组件,不同的css显示不同效果。这样更容易反复使用。
不过真的看情况了
听说用 JavaScript 生成 CSS 模块化效果更好: http://slides.com/kof/jss
而且 Facebook 也在做尝试: https://github.com/facebook/css-layout
不过目前这个不成熟, 我还是推荐用 Chrome Worksapce 直接写 CSS.
这个跟react也没关系吧,哪怕没用react在写组件的时候也是需要对css进行规划,该写到全局就写到全局,该单独还是要单独
我的感觉是,“视情况而定”
- 在 CSS 变化效果不大的情况下,使用 inline style,可以省去一个 CSS 文件
- 在交互复杂,效果变更大的情况下,还是使用 CSS 文件吧
我也是刚入门,自己写了一个组件 back2top,为了图方便就采用了 inline style 的方式。
但是,后续想加入的效果,用 inline style 的方式无法实现,例如 animation
https://speakerdeck.com/vjeux/react-css-in-js
http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html