react dva框架如何配置css啊

Question

之前不怎么在意，到现在麻烦大了呀，不能动态设置类名了

现在类名要这样添加

import style from ./index.less

<p className={style.xxx}></P>

在控制台看的类名后面会跟上xxx_随机码

怎么配置啊，求前辈们给个链接

Answer 1

[知识点]
在这个页面中看css modules ，里面的全局用法和package用法
css modules

[html]<span class="stageBox stage1">申请中</span>
实际上，后台给到的数据只有 状态值1,2，3而已

首先引入
import classnames from 'classnames';

在render return部分引入自己写的组件名，比如我起的
<Test1 type='tests' />

在render内，return前，构建这个组件
const Test1 = (props) => {

      var statusTxt;
      var cls;
      switch (status) {
        case 0:
        statusTxt='暂无意向';
        cls = classnames({
          stageBox: true,//true表示必须有的样式
          stage0: props.type === 'tests',//表示可以变化的样式，只要是对应type的（可以写多条）
        });
          break;
        case 1:
        statusTxt='申请中';
        cls = classnames({
          stageBox: true,
          stage1: props.type === 'tests',
        });
          break;            
        default:
        statusTxt='';
        cls = classnames({
          stageBox: props.type === 'tests', 
        });
      }
    return <span className={cls}>{statusTxt}</span>;
  }

之后在对应的样式文件里写全局样式
:global(.stage1){

background:#e9f8ef;
color:#23bb64;

}

不过这个是一个应付的，能用的办法，还是希望楼下有大神能提供简便的解决方式（样式特别复杂的情况下写switch很蛋疼）