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>
相关推荐
刘一说2 分钟前
Pinia状态持久化的“隐形陷阱“:为什么页面刷新后状态丢失?
前端·javascript·vue.js
哈__4 分钟前
ReactNative for Harmony 项目鸿蒙化三方库集成实战:react-native-safe-area-context
react native·react.js·harmonyos
心柠9 分钟前
webpack
前端·webpack·node.js
C澒9 分钟前
前端编码规范
前端·团队开发·代码规范
晚霞的不甘16 分钟前
Flutter for OpenHarmony《智慧字典》中的沉浸式学习:成语测试与填空练习等功能详解
学习·flutter·ui·信息可视化·前端框架·鸿蒙
摘星编程19 分钟前
OpenHarmony环境下React Native:自定义useDarkMode深色模式
javascript·react native·react.js
Zhu_S W22 分钟前
基于Java和Redis实现排行榜功能
前端·bootstrap·html
摘星编程23 分钟前
用React Native开发OpenHarmony应用:自定义useNumberFormat数字格式化
javascript·react native·react.js
哈__32 分钟前
ReactNative for Harmony项目鸿蒙化三方库集成实战:react-native-elements
react native·react.js·harmonyos
哈__33 分钟前
ReactNative for Harmony 项目鸿蒙化三方库集成实战:@react-native-ohos/react-native-picker
react native·react.js·harmonyos