react子应用嵌入qiankun微前端后,多层抽屉drawer getContainer={false}挂载在当前位置后抽屉不在停靠在窗口的最边上

问题:react子应用嵌入qiankun微前端后,多层抽屉drawer getContainer={false}挂载在当前位置后抽屉不在停靠在窗口的最边上,如下图所示:

解决办法:

将抽屉都弹出到这个子页面的最外层容器。即设置getContainer={() => document.getElementById('parent-container')}

html 复制代码
<div className={styles.main} id="parent-container">
    ......
    <Drawer 
        getContainer={() => document.getElementById('parent-container')} 
        ......
    />
    ......
</div>
相关推荐
程序员鱼皮4 分钟前
前特斯拉 AI 总监:AI 编程最大的谎言,是 “提效”
前端·后端·ai·程序员·开发
pusheng202516 分钟前
普晟传感2026年新春年会总结与分析
前端·javascript·html
谢尔登17 分钟前
React19事件调度的设计思路
前端·javascript·react.js
Emma_Maria27 分钟前
本地项目html和jquery,访问地址报跨域解决
前端·html·jquery
奋斗吧程序媛32 分钟前
常用且好用的命令
前端·编辑器
2301_7965125236 分钟前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Lazyload 懒加载(懒加载的图片)
前端·javascript·react native·react.js·ecmascript·harmonyos
敲敲了个代码41 分钟前
从N倍人力到1次修改:Vite Plugin Modular 如何拯救多产品前端维护困境
前端·javascript·面试·职场和发展·typescript·vite
摘星编程1 小时前
OpenHarmony环境下React Native:Timeline时间轴组件
javascript·react native·react.js
摘星编程1 小时前
在OpenHarmony上用React Native:Timeline水平时间轴
javascript·react native·react.js
Yff_world1 小时前
网络安全与 Web 基础笔记
前端·笔记·web安全