首页 > 解决方案 > 在 iFrame 中运行的应用程序通过 React Portal 渲染到父 DOM

问题描述

所以我有一个有点像这样的应用程序架构。父应用是一个处理加载插件、服务通信以及拥有应用栏的外壳。它可以加载由不同服务器提供的“内容插件”(目前这些是在 iframe 中呈现的反应应用程序)。父子通信通过 postMessage 进行

我想在父应用程序栏中公开一个容器,子应用程序可以在其中呈现其导航模型。这很困难,因为孩子在自己的 iframe 中运行。

我试图实现的目标是什么?如果没有,我可以在不使用 iframe 的情况下重新架构它以支持我的用例

标签: reactjsmicro-frontend

解决方案


我要找的是

window.parent属性。此外,这仅适用于相同的原始帧。


推荐阅读