classnames

使用 classNames 来组合条件结果.

  1. // bad
  2. render () {
  3. return <div className={'menu ' + this.props.display ? 'active' : ''} />
  4. }
  1. // good
  2. render () {
  3. const classes = {
  4. menu: true,
  5. active: this.props.display
  6. }
  7. return <div className={classnames(classes)} />
  8. }

Read: Class Name Manipulation