react中改变antd的样式

最近在项目中有需求是要改变antd的样式,试了好多办法都改变不了,比如我的class写成这样
.titleSelectionContainer {
.ant-checkbox-wrapper {
display: block;
margin-left: 0px!important;
}

}
在HTML中就会变成带有hash的class,就变成:TableC__titleSelectionContainer___1zt9V,所以当写成.ant-checkbox-wrapper时,html中的class就不是antd中的class,如果想改变需要加上global,比如上面的代码可以这样写,就可以了
.titleSelectionContainer {
:global{
.ant-checkbox-wrapper {
display: block;
margin-left: 0px!important;
}
};

}

【react中改变antd的样式】

    推荐阅读