在React的情况下，如果有人想在一个新标签中打开链接。请使用from react-router-dom，因为<a href="/path"></a>刷新整个页面，即使您的页面只改变了新路由上的一些文本或图像。 链接的使用请参考这里

如果有人想使用它来应用react，那么你可以遵循下面给出的代码模式。你必须添加额外的属性，也就是rel。

<a href="mysite.com" target="_blank" rel="noopener noreferrer" >Click me to open in new Window</a>

Target ="_blank"属性将完成这项工作。 只是不要忘记添加rel="noopener noreferrer"来解决潜在的漏洞。更多信息请访问:https://dev.to/ben/the-targetblank-vulnerability-by-example

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>

在React的情况下，如果有人想在一个新标签中打开链接。请使用from react-router-dom，因为<a href="/path"></a>刷新整个页面，即使您的页面只改变了新路由上的一些文本或图像。 链接的使用请参考这里

将链接的目标属性设置为_blank:

<a href="#" target="_blank" rel="noopener noreferrer">Link</a>

其他示例请参见:http://www.w3schools.com/tags/att_a_target.asp

Note

我之前建议使用blank而不是_blank，因为如果使用，它将打开一个新选项卡，然后在再次单击链接时使用相同的选项卡。然而，正如GolezTrol指出的那样，这只是因为它引用了框架/窗口的名称a，当再次按下链接在同一个选项卡中打开它时，将设置并使用该名称a。

安全考虑!

rel="noopener noreferrer"是为了防止新打开的选项卡能够恶意修改原始选项卡。有关此漏洞的详细信息，请阅读以下文章:

target="_blank"漏洞示例 使用target='_blank'的外部链接

使用目标=“平等”:

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>