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>