一、class
1、在react中使用className属性来绑定类名

<div className="header flex-middle-middle">添加2个类名
</div>

2、动态添加类名

<div className={`item ${name=='active' ? 'active' : ''}`}>动态添加active类名
</div>

二、style
1、react中内联样式放到{{}}中，样式之间用,隔开。

<div style={{color:'red',fontSize:12}}>这是内联样式
</div>

2、动态添加样式

<div style={{display: (show? "block" : "none"), "color":"yellow"}}>根据show来决定是否显示
</div>