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>
相关推荐
烤麻辣烫3 分钟前
Web开发概述
前端·javascript·css·vue.js·html
Front思13 分钟前
Vue3仿美团实现骑手路线规划
开发语言·前端·javascript
徐同保16 分钟前
Nano Banana AI 绘画创作前端代码(使用claude code编写)
前端
Ulyanov17 分钟前
PyVista与Tkinter桌面级3D可视化应用实战
开发语言·前端·python·3d·信息可视化·tkinter·gui开发
计算机程序设计小李同学17 分钟前
基于Web和Android的漫画阅读平台
java·前端·vue.js·spring boot·后端·uniapp
lkbhua莱克瓦2419 分钟前
HTML与CSS核心概念详解
前端·笔记·html·javaweb
沛沛老爹20 分钟前
从Web到AI:Agent Skills CI/CD流水线集成实战指南
java·前端·人工智能·ci/cd·架构·llama·rag
弓.长.28 分钟前
React Native 鸿蒙跨平台开发:i18n 国际化方案代码指南
react native·react.js·harmonyos
GISer_Jing28 分钟前
1.17-1.23日博客之星投票,每日可投
前端·人工智能·arcgis
代码游侠33 分钟前
学习笔记——ARM Cortex-A 裸机开发实战指南
linux·运维·开发语言·前端·arm开发·笔记