最近用React + Redux做前端页面需要用到动态实现css, 示例代码如下仅供参考：

import React, {Component} from 'react';

export default class extends Component {
    constructor (props) {
        super(props)
    }

    changeLang(currLang = 0) {
        this.refs.langBtnList.style.minWidth = '110px';
        this.refs.langBtnList.style.display == 'block' || this.refs.langBtnList.style.display == true ? this.refs.langBtnList.style.display = 'none' : this.refs.langBtnList.style.display = 'block';
        
        if(currLang > 0 ){
            console.log('currLang:', currLang)
        }
    }

    render () {
        return (
            <li className="dropdown">
              <a aria-expanded="false" role="button" className="dropdown-toggle" data-toggle="dropdown" onClick={ () => this.changeLang()}> 中文版 <span className="caret"></span></a>
              <ul role="menu" className="dropdown-menu" ref='langBtnList'>
                   <li><a onClick={ () => this.changeLang(1)}>中文版</a></li>
                   <li><a onClick={ () => this.changeLang(2)}>英文版</a></li>
                   <li><a onClick={ () => this.changeLang(3)}>俄文版</a></li>
                   <li><a onClick={ () => this.changeLang(4)}>韩文版</a></li>
               </ul>
              </li>
        )
    }
}

结束语

对你有帮助或喜欢的话，欢迎关注、打赏，收藏，谢谢！