React 关于classname 两个 与 ui全局调用到问题

周大胖子

1. 全局的CSS 在这里：
      Umi 中约定 src/global.css 为全局样式，如果存在此文件，会被自动引入到入口文件最前面。
2. 两个classname 时候怎么办：
    2.1  简单拼接：

1.    <section className={topStyles.toper +' clearfix'}  >

复制代码

  2.2   复杂到拼接：

1. <div className={index === this.state.active ? "active  title" : "title"}>标题</div>

复制代码

  2.3  ES6 类型拼接

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

复制代码

  2.4  classnames (需要先安装下载 classnames)

1 2 3 4 5 6 7 8 9 10 11 12 13

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 <button className={btnClass}>{this.props.label}</button>;   } });