当用户点击链接到外部网站时打开新标签

Question

我正在开发一个用 React 编写的推荐应用程序，并希望在单击包含网站信息的组件时能够将用户发送到外部网站。

目前，我有一个包装器，当点击它时，它将新的 URL 从 React 库推送到历史 object。 源代码如下所示。

<VStack onClick={() => history.push(<url here>)}> 
     <inside of component>
</VStack>

不幸的是，URL 被加载到同一个 window 中，但我希望用户留在网站上，在原始选项卡中。

Answer 1

将您的 onClick function 更新为

 onClick={() => window.open(urlHere)}

查看更多 window.open here

Answer 2

您也许可以尝试在 Link 标记本身中将目标属性设置为“_blank”。

例子：

<Link to="/somewhere" target="_blank">anything</Link>