react 中写 css 应该怎么写？

[yantianqi]

你们写 react 的时候，css 写在哪里呢

[Kilerd]

方法一：
一个 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

这是我了解的三种方法。可能还有其他的。

目前我用的是第一种，再尝试使用第三种。

[realwangyibo]

和组件写在一起，即 css in js，多个 style 用对象展开操作符，后面的属性会覆盖前面的同名属性。

const style = {
background: ‘ transparent ’
}

[qqdaiyu55]

直接在 html 里插 css 应该最快了..

[iHirakoShinji]

styled-components

[will0404]

用 glamor

[tlday]

大的开源项目的搭配一般是比较良好的。可以看看 ant.design pro，虽然我个人不喜欢阿里，但这个项目还不错。

[xiaohp]

react 是以组件为单位的，css 写在组件里

[LeungJZ]

cssx 有人知道吗？在 js 中写 css，不过我没用过。