【问题标题】:How to connect two (or more) separate react applications into one?如何将两个(或更多)独立的反应应用程序连接成一个?
【发布时间】:2018-08-21 15:12:43
【问题描述】:

我相信这很容易解决,但我不确定该怎么做。

我有两个独立的 React 应用程序,它们都需要连接。 其中一个是注册部分,它连接到服务器并传递信息,第二个是当前的个人资料页面。用户注册后,他们将被重定向到包含他们刚刚输入的所有信息的个人资料。

我想将配置文件 react-app 连接到注册应用程序。我知道它们可以被视为组件并被导出,但我不知道如何处理它。

编辑:

我最终将所有应用程序放在一个大型 React 项目下,并像连接任何其他常规页面一样连接它们。 它们都有单独的服务器,可以通过我在 package.json 和 webpack 配置文件中给它们的命令启动。

我还创建了一个命令来一次运行所有服务器以在本地进行测试。

我创建了另一个命令来运行构建命令,最终通过输入 python 运行脚本运行所有内容。

【问题讨论】:

  • 就像你可以组合组件一样:在很多方面。

标签: javascript reactjs forms axios


【解决方案1】:

React 路由器将帮助您浏览组件(重定向、链接等)。

哲学与教程:

https://reacttraining.com/react-router/web/guides/philosophy

GitHub:

https://github.com/ReactTraining/react-router

【讨论】:

    【解决方案2】:

    你应该使用 react-router https://github.com/ReactTraining/react-router react-router 有一个历史道具 当您的表单向服务器发送请求并且服务器响应成功时,您可以使用历史记录:

    this.props.history.push(/profile-page)

    并将结果设置为 redux,然后在您的配置文件组件中使用

    【讨论】:

    • 感谢您的帮助!应该在另一个中移动其中一个反应应用程序吗?如果它似乎不在 src 文件夹中,我将无法访问所需的组件。这是最佳做法吗?将其他反应应用程序物理移动到一个内?另外,它们都分别以 npm start 开头,对此有什么指导吗?如果这些问题看起来很愚蠢,我很抱歉,我还是个新手,有时不确定要问什么。
    猜你喜欢
    • 1970-01-01
    • 2012-05-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-10-22
    • 1970-01-01
    • 2013-09-03
    • 1970-01-01
    相关资源
    最近更新 更多