如何在反应路由器 Dom v6 中导航到分离 URL？

Question

我正在制作一个验证表单，其中包含检查密码的 function 和 email，如果为真，它应该导航到单独的网站（而不是网络中的路径）。 但它不工作

这是我下面的代码：

function validate() {
    if (email==='123@123.com' && password==="123456"){
        console.log(email);
 history('http://www.dummy.com/webmail')
}
}

return{
.
.
.
<Button className={stylesAuth.submitButton} variant="warning" onClick={validate}>
}

我该怎么做？

Answer 1

由于您要重定向到外部网站，因此您可以简单地使用普通的旧 JavaScript 并执行以下操作：

window.location.href = "https://www.dummy.com/webmail";

有关详细信息，请参阅https://developer.mozilla.org/en-US/docs/Web/API/Location/href 。

更多信息：在这种情况下使用history没有意义，它仅用于 web 应用程序中的内部导航。 事实上，您甚至不能将外部 URL 推入历史堆栈：

新的 URL 必须与当前的 URL 同源； 否则， pushState() 将抛出异常。 https://developer.mozilla.org/en-US/docs/Web/API/History/pushState