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

每一天，每一步2024-10-17 15:19

问题：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>