项目中antd抽屉Drawer在已经设置了全局宽度样式后,单独某个页面设置宽度width样式不生效,加上!important也不生效,样式文件用的是less。
原因分析:
antd 抽屉Drawer默认是挂载到body节点的,此时自定义样式时,需要将样式放在页面内容的根节点之外,body之内,不能将抽屉Drawer的自定义样式放在页面内容节点之内。
另外也可以使用getContainer指定Drawer挂载的节点,并在容器内展现,false
为挂载在当前位置。为符合 React 18 concurrent 标准,从 4.20.x
起 getContainer
需要始终返回唯一 dom 节点