首先设定一段Angularjs代码的ng-class:
<i class="header-help-icon down" ng-class="{up:showMenu}"></i>
比较容易理解的Angularjs ng-class设置样式代码,那我们使用React怎么去实现它呢?
// 首先在state设置一个变量比如: isShowLoginMenu,在不同场景改变它的值 // 然后在绑定在class样式上面 <i className={"header-help-icon down" + (this.state.isShowLoginMenu ? ' up' : '')}></i> or <span id="vip-header-logo" className={'vip-logo icon-vip-v' + this.state.vipLevel}></span>