React怎么引入css文件，引入后怎么使用

在CSS文件中引入CSS文件需要用到 @import 。例如： @import "sub.css"使用用@import引入CSS可以很方便的引入外部文件的CSS代码，方便维护和规划。但是每多引入一个CSS文件，就会对服务器增加一次连接请求，当访问量较大时，

在react中设置css样式

以上是行内式的样式设置，渲染的结果是

当然还可以使用require直接引入.css文件的，但由于还是初学，并未涉及，以后补上

react中的条件语句的写法

1.三元表达式

在create-react-app脚手架工具里的表现为

直接在标签上写style 或 定义一个对象写好样式然后赋值给style属性  记得大小写

通过import  css|scss|sass 文件形式   使用方面跟html一样只是class要写成className  然后将定义好的样式名填进去即可

如果项目使用create-react-app的话，还可以使用另一种方法  样式文件名需要XXX.module.(s|sa|c)ss，使用的话像这样  import style from '你的样式文件目录'

<div className={style.xxx(样式名称)}>demo</div>  这样有点一好处就是不会造成样式重复问题，他在打包过程中会将className中的名称混淆

---