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

Question

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

代码的简单示例：

<Card 

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

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

score 2 · Accepted Answer

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

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

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

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

score 0 · Accepted Answer

如果您想让整张卡片可点击，您也可以尝试 -

<a href="www.example.com" target="_blank"><Card /></a>

由于您正在尝试移出当前应用程序，因此您是否使用反应路由器并不重要。

2 回答 2