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>
相关推荐
曹牧10 分钟前
C# 中的 DateTime.Now.ToString() 方法支持多种预定义的格式字符
前端·c#
勿在浮沙筑高台11 分钟前
海龟交易系统R
前端·人工智能·r语言
歪歪10012 分钟前
C#如何在数据可视化工具中进行数据筛选?
开发语言·前端·信息可视化·前端框架·c#·visual studio
Captaincc1 小时前
AI 能帮你写代码,但把代码变成软件,还是得靠人
前端·后端·程序员
吃饺子不吃馅2 小时前
如何设计一个 Canvas 事件系统?
前端·canvas·图形学
Baklib梅梅3 小时前
无头内容管理系统:打造灵活高效的多渠道内容架构
前端·ruby on rails·前端框架·ruby
over6973 小时前
浏览器里的AI魔法:用JavaScript玩转自然语言处理
前端·javascript
Amy_cx3 小时前
搭建React Native开发环境
javascript·react native·react.js
渣渣盟4 小时前
探索Word2Vec:从文本向量化到中文语料处理
前端·javascript·python·文本向量化
Pu_Nine_94 小时前
Vue 3 + TypeScript 项目性能优化全链路实战:从 2.1MB 到 130KB 的蜕变
前端·vue.js·性能优化·typescript·1024程序员节