【React】动态绑定style和class

1.动态绑定style
单个style属性

<div style={{display:boolean?'block':'none'}}></div>

多个style属性
可以定义到state中，直接绑定上去
2.动态绑定class
单个类名，不含其他类

<div className={{boolean?'classname1':null}}></div>

多个类名
A.使用数组：

<div className={[boolean?'classname1':null,'classname2'].join(" ")}></div>

B.使用es6模板字符串（推荐）：

<div className={`classname1 classname2 ${boolean?'classname3':null}`}></div>