时间戳

首页 > 解决方案 > 如何使用 .push redux-router 重定向到外部 url？

reactjs - 如何使用 .push redux-router 重定向到外部 url？

问题描述

我有Card它在点击时重定向到外部 URL。但location.href我需要使用redux-router' 命令而不是使用 '.push命令。我怎样才能做到这一点？

代码的简单示例：

<Card 

return (
  title={props.title}
  onClick={() => {
    location.href='www.example.com'
  }}
)

如果我使用props.navigate('www.example.com')它，它将像本地主机上的参数一样返回 URL。

标签： reactjsurlreact-routerredux-router

解决方案

您不能使用Linkor history.pushfrom react-router 重定向到外部站点。您可以使用window.location.href或window.location.replace。

从历史：

我们不支持重定向域外期间。通常，您应该分别处理对外部 URL 的重定向。

从链接：

<Link/>是一个路由器感知锚，如果你想链接到一个外部站点，使用一个<a/>.

编辑：

Redux-Router在内部使用history和react-router打包，因此也无法使用它进行外部重定向。

推荐阅读