这是一个创建于 2512 天前的主题，其中的信息可能已经有所发展或是发生改变。
你们写 react 的时候，css 写在哪里呢
 |
1
Kilerd 2017-12-30 21:19:09 +08:00
方法一：
一个 Component 一个文件夹，文件夹里面 index.jsx 定义 Component 和 props-type，style.scss 定义 css。然后再 index.jsx 中 `import './style.scss'` 方法二： Components 文件夹 styles 文件夹。 一个 Component 在 Components 和 styles 文件夹里面都对应这一个文件。 方法三： 一个 Component 就是一个文件 xxx.jsx 。 里面用 styled-components 来定义 CSS。 https://github.com/styled-components/styled-components 这是我了解的三种方法。可能还有其他的。 目前我用的是第一种，再尝试使用第三种。 |
 |
2
realwangyibo 2017-12-30 23:46:37 +08:00 via iPhone
和组件写在一起，即 css in js，多个 style 用对象展开操作符，后面的属性会覆盖前面的同名属性。
const style = { background: ‘ transparent ’ } |
 |
3
qqdaiyu55 2017-12-31 00:07:14 +08:00 via Android
直接在 html 里插 css 应该最快了..
|
 |
4
iHirakoShinji 2017-12-31 07:27:35 +08:00 via Android
styled-components
|
 |
5
will0404 2017-12-31 11:58:06 +08:00 via iPhone
用 glamor
|
 |
6
tlday 2017-12-31 14:22:54 +08:00 via Android
大的开源项目的搭配一般是比较良好的。可以看看 ant.design pro，虽然我个人不喜欢阿里，但这个项目还不错。
|
 |
7
xiaohp 2017-12-31 22:03:04 +08:00
react 是以组件为单位的，css 写在组件里
|
 |
8
LeungJZ 2018-01-01 13:15:30 +08:00 via iPhone
cssx 有人知道吗？在 js 中写 css，不过我没用过。
|
Select Language