react 更改antd的默认样式

2种方法
1.

import styles from '../index.less';

下面为index.less代码 直接引入就是全局可以用 当然更建议外面套盒子

:global(.ant-modal-body) {// 括号里面是antd默认样式的class名字
    overflow: hidden;
  }

2.直接在antd外面套一层盒子 通过less引入 然后把样式一层层指定下去
例如

<div className ='box'>
<thead class="ant-table-thead"><tr><th class="ant-table-cell">业务计划名称</th><th class="ant-table-cell">版本月份</th><th class="ant-table-cell">填报创建日期</th><th class="ant-table-cell">一级类目</th><th class="ant-table-cell">二级类目</th><th class="ant-table-cell">最后修改时间</th><th class="ant-table-cell">填报状态</th><th class="ant-table-cell">操作</th></tr></thead></div>

index.jsx中 引入文件 
import styles from '../index.less';
.box.ant-table-thead{
width:100%;
background:black
}```

本文地址：https://blog.****.net/mengfanyue123/article/details/108849952