方法一：ES6模板

className = {`title ${index === this.state.active ? ‘active’ :’’}`}

方法二：join(‘ ’)

className = {[‘title’, index === this.state.active?’active’:null].join(‘ ’)}

方法三：

引入classnames库，安装：

1	npm install classnames --save

import classnames from 'classnames'

<div className=classnames({
    'class1': true,
    'class2': true
    )>
</div>

true可以省略

使用样式的module化时引用