选择新路由器时打开新的 React 应用程序答案

【问题标题】：Open new React app when new router selected选择新路由器时打开新的 React 应用程序
【发布时间】：2021-04-02 16:03:15
【问题描述】：

我有一个按钮，名为game。单击此按钮后，将触发路由并将您重定向到localhost:3000/game。但是，我不想被重定向到一个新页面，而是一个新的 React 应用程序。此应用程序位于不同的文件夹中，并使用npx create-react-app game 重新生成。是否可以通过单击此按钮转到新的 React 应用程序？ React 应用无需启动，只需打开即可。

因此，当我单击 localhost:3000 中的按钮时，React 应用游戏应该会打开路由，例如localhost:4000/game。之后，两个 React 应用都运行在同一个域上，例如 my-react-app.com 和 my-react-app.com/game

有这种事吗？如果是这样，我该如何创建它？目前还没有发现。

【问题讨论】：

我想你可以在这里找到答案：stackoverflow.com/questions/42914666/react-router-external-link

标签： javascript reactjs react-router

【解决方案1】：

您可以通过 window.location.href 使用 JavaScript 功能例如：

 const redirect = () => {
     window.location.href = "http://localhost:4000/game";
     };

然后调用函数，例如使用按钮：

<button onClick={redirect}> Redirect </button>

【讨论】：

【解决方案2】：

如果你想重定向到全新的端口（即其他项目），你需要使用 js 或 html href 或 window.open 来做到这一点，这里没有什么可以使用路由器的。路由器用于浏览应用程序或项目而不是整个网络。谢谢

【讨论】：