React 中使用CSS
第一种: 在组件中直接使用style
在正常的css中，比如background-color，box-sizing等属性，在style对象div1中的属性中，必须转换成驼峰法，backgroundColor，boxSizing。而没有连字符的属性，如margin，width等，则在style对象中不变。
在正常的css中，css的值不需要用双引号("")，如
而在react中使用style对象的方式时。值必须用双引号包裹起来。
这种方式的react样式，只作用于当前组件
第二种: 在组件中引入[name].css文件
这种方式引入的css样式，会作用于当前组件及其所有后代组件
可以为.css .less .sass三种后缀的样式
第三种: 作为一个模块引入[name].module.css文件
将css文件作为一个模块引入，这个模块中的所有css，只作用于当前组件。不会影响当前组件的后代组件。
同样可以为.css .less .sass三种后缀的样式
第四种: 使用styled-components
这种方式类似与自己封了一个带样式的组建，组建支持样式覆盖，由于是初次接触，目前感觉比较鸡肋
第五种: 使用radium
也是需要先安装yarn add radium
这种相当于自定义了一个比较方便的写法习惯，然后通过外层radium，把我们觉得简单但是react又不认识的写法，翻译成react认识的标准写法，这种的话，还行吧
