reactjs - 如何在 React 应用程序中渲染 React 应用程序(嵌套的 React 应用程序)

原文 标签 reactjs react-router lazy-loading single-page-application

所以问题是是否有可能将 React 应用程序拆分为托管在两个不同主机上的两个不同的独立应用程序,其中应用程序 A 是一种 future 控制应用程序 B 和 C 的框架。我有一个问题,我想为两个应用程序(A 应用程序)创建一个共同的基础,然后加载另外两个作为它的内容。就好像我懒惰地加载了从不同地方获取的包。我在考虑三种主要的可能性:

  • iframe
  • 来自 github 的单个 SPA 项目
  • 使用 ReactDOM.render 方法

  • 我不确定是否有可能,因为 React Router 仍然可能存在问题 - 内部应用程序是否有权操作浏览器路由?

    最佳答案

    这不可能。每个 React 应用程序在层次结构中只能有一个 package.json。如果您嵌套它,该应用程序将失败并提示您安装了多个 react。你应该做的是思考更多的 react 和客观。您可以在 src/中共享一个共享组件的文件夹。您还可以拥有 src/A 这是一个“应用程序”。 src/B 这是另一个。

    您在问题中描述的正是您应该做的,只是不要将其视为 react 应用程序的分离,而是 src 文件夹内的组件和应用程序的分离。 App A 可以由/components 和 App B 中的组件组成。

    关于reactjs - 如何在 React 应用程序中渲染 React 应用程序(嵌套的 React 应用程序),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50233962/

    相关文章:

    javascript - 对数组项进行分组,但是关键是数组

    javascript - 如何从复杂的数据结构中删除特定项目,同时保留 React-redux 中的状态?

    javascript - react 路由器导航链接不更新路由更改

    ios - Titanium 仅在 ImageView 可见时才延迟加载

    javascript - 如何在内联样式属性 (React) 中延迟加载背景图像?

    javascript - 为什么 SVG textPath 在由 React 渲染时在 Firefox 中不起作用

    reactjs - TS2531 : Object possibly 'null'

    reactjs - 嵌套路由的 React Router 整页

    javascript - 返回的 React-Router <Route> 在 switch 中不起作用

    hibernate - Bean验证在Hibernate代理上失败?预期的行为?