如何使用.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 ，就像本地主機上的參數一樣。

Answer 1

您不能使用 react-router 中的Link或history.push重定向到外部站點。 您可以使用window.location.href或window.location.replace 。

從歷史：

我們不支持重定向域外期間。 通常，您應該分別處理對外部 URL 的重定向。

從鏈接：

<Link/>是一個路由器感知錨點，如果你想鏈接到外部站點，請使用<a/> 。

Redux-Router在內部使用history和react-router包，因此也無法使用它進行外部重定向。

Answer 2

如果您想讓整張卡片可點擊，您也可以嘗試 -

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

由於您正在嘗試移出當前應用程序，因此您是否使用反應路由器並不重要。