将纯HTML重定向到reactjs页面

Question

我是新来的反应者。我目前有一个登陆页面，该登陆页面基本上是用纯HTML，CSS等编写的。但是，我有一个登录按钮。当我单击它时，我想重定向到以react编写的新页面。这可能吗？谢谢！

Answer 1

是的，有可能。您的新页面（反应）与任何其他网页一样，因此当浏览器加载其地址时，它将像其他任何网页一样运行它。

Answer 2

如果您有一个带有按钮的简单HTML网页，而另一个HTML网页上带有React应用程序，则只需在HTML锚点上放置一个href即可进行导航：

<a href="/my-react-app">
  <button>Click me to navigate to React!</button>
</a>

如果您的React应用程序未在另一个网页上呈现，那是一个完全不同的问题，我将为此提出一个新的StackOverflow问题。

P.S .：通常，您将在React中创建整个网站（作为“单页应用”），而目标网页和其他所有页面都将在React应用中呈现。这样更加灵活，用户体验也更好。

Answer 3

有可能。但是在一种情况下是不可能的。

可能的情况，

1. 您的react应用托管在服务器上，在这种情况下，您只需执行此操作，

<a href="absolute_path_to_react_app" target="_blank">Sign in</a>

1. 您的react应用程序未托管在服务器上，而是使用npm start在本地计算机上运行，​​在这种情况下，您可以执行此操作，

<a href="local_path_to_react_app" target="_blank">Sign in</a>

注意：：target="_blank"完全是您的愿望，因为它可以带您到新页面而不更改当前页面。

不可能的情况

您正在本地计算机上development mode上工作，并且反应应用未运行。在这种情况下，由于您尝试访问的URL不可用，因此您无法重定向以响应应用程序。