在react中设置css样式以及条件语句写法

在react中设置css样式

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

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

react中的条件语句的写法

1.三元表达式

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

react中写style样式的话 style={obj} obj是一个对象 obj={color:'#666',fontSize:'16px'} 这里对象里面 值都需要双引号 带有-号的去掉- -后面的首字母大写

你也可以这样写style={{color:'#666',fontSize:'16px'}}

如果你是要引用css 那不关react的事情 目前可以使用webpack 加上对应的loader 使用es5的require 或者使用es6的 import 引入

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

---