首页 > 解决方案 > 将一个 reactjs 应用程序动态加载到另一个 reactjs 应用程序中

问题描述

我正在构建一个 reactjs 应用程序,它需要按需加载另一个也在 reactjs 中的应用程序(想象它是一个第 3 方应用程序),我阅读了 react-loadable (https://github.com/jamiebuilds/react-loadable)但不确定这是否有助于我的情况。任何人都可以就我应该如何解决这个问题以及最好的解决方案提供一些指导。

标签: reactjs

解决方案


react-loadable 允许您动态加载项目的组件(使用动态导入语法)。AFAIK 您不能使用 react-loadable 加载模块,这些模块不是由您静态构建的(即,当您构建捆绑包并发布时)。

您的用例似乎更像是您想要加载 iframe。只需提供第 3 方 React / 应用程序的来源,它就会加载到它自己的沙箱中。

此外,这里的主要问题是并非所有 React 应用程序都以相同的方式编写和构建,因此无法直接集成。

如果我错过了什么或错了,请纠正我。希望能帮助到你!


推荐阅读