如何将两个（或多个）单独的React应用程序连接成一个？

Question

我相信这是一个简单的解决方法，但是我不确定该怎么做。

我有两个单独的react应用程序，都是要连接的。 其中之一是注册部分，该部分连接到服务器并传递信息，第二部分当前是个人资料页面。用户注册后，他们将使用他们刚刚输入的所有信息重定向到个人资料。

我想将个人资料react-app连接到注册者。我知道可以将它们视为组件并按原样导出，但是我不知道该如何处理。

编辑：

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

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

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

Answer 1

反应路由器将帮助您浏览组件（重定向，链接等...）。

哲学和教程：

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

GitHub：

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

Answer 2

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

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

并将结果设置为redux，然后在您的个人资料组件中使用