当用户单击指向外部网站的链接时，打开"新建"选项卡

Question

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

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

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

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

Answer 1

将onClick函数更新为

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

查看更多窗口。打开此处

Answer 2

您可以尝试将目标属性设置为&quot_空白"；在链接标签本身中。

示例：

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