在一个元素上设置样式，有一个固定的样式，然后还有一个使用三元运算符根据条件添加的样式。

比如说有一个固定样式"title":
     
      标题
     
，然后还要一个点击高亮的样式:
     
      标题
     
不能这样写：
     
      标题
     

　　

方法一：ES6 模板字符串 ``

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

　　

方法二：join("")

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

　　

方法三：classnames(需要下载classnames)

var classNames = require('classnames');var Button = React.createClass({  // ...  render () {    var btnClass = classNames({      btn: true,      'btn-pressed': this.state.isPressed,      'btn-over': !this.state.isPressed && this.state.isHovered    });    return {this.props.label};  }});