umi react使用:global修改antd Modal组件样式失败问题

首先，我使用了百度大法搜出来的getContainer配置方法，但是不生效

getContainer={document.getElementsByClassName('div')[0]}

然后我发现了个神奇玩意

在Modal中加入这个属性

1.  
2.  
    
3.  
   <Modal title="测试"
4.  
   visible={isModalVisible}
5.  
   onOk={handleOk}
6.  
   onCancel={handleCancel}
7.  
   wrapClassName='addPlanNode-content-modal'>
8.  
   </Modal>
9.  
    
10.  

记住要在global.less文件中写入你想要修改的样式，不要在本文件引入的index.less中使用父类名{

：global{}}这个写法，这个写法根本不生效

global.less文件下

1.  
   .addPlanNode-content-modal .ant-modal-content{
2.  
   font-size: 12px;
3.  
   border-radius: 10px ;
4.  
   }

样式生效

他喵的，到处踩坑

这篇好文章是转载于：学新通技术网