如何使用.push redux路由器重定向到外部url？

Question

我有Card，这是重定向的外部网址点击。但是，我不需要使用location.href，而是需要使用redux-router的.push命令。

代码的简单示例：

<Card 

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

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

Answer 1

您不能使用Link或history.push从react路由器重定向到外部站点.您可以使用window.location.href或window.location.replace。

来自历史

我们不支持从域范围内重定向。通常，您应该分别处理重定向到外部URL。

来自链接

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

编辑：

Redux-路由器在内部使用history和react-router包，因此外部重定向也是不可能的。

Answer 2

如果你想让整张卡片可点击，你也试着-

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

由于您正在尝试移出当前应用程序，所以无论您是否使用react路由器都不重要。