react 中写 css 应该怎么写？

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

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

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

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

const style = {
background: ‘ transparent ’
}

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

styled-components

用 glamor

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

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

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