React动态绑定className

要说到react绑定className，先要了解为何react用的是className，不像其它语言都是用class？这是因为class是JavaScript中的保留关键字，而JSX是JavaScript的扩展。这就是React不使用class而使用className的主要原因

常规的绑定

<div className="title">标题</div>

动态绑定className

如果需要根据state值addColor来判断是否添加color，需要如下写法（两种）。

//ES6 模板字符串
<p className={`title ${this.state.addColor?'color':null}`}>标题</p>
//join("")
<p className={['title',this.state.addColor?'color':null].join(' ')}>标题</p>


[React动态绑定className - 简书](https://www.jianshu.com/p/8b573482dd12 )]