React:在新标签页中打开链接

问题描述 投票:0回答:1

我试图这样做,以便当用户点击我的标签时,它会打开一个带有指定URL的新标签。它目前无法正常工作。在我的方法中,我做错了什么或需要做什么?

rerouteToGoogle= () => {
    return <Link to="google.com" />

}

<MediaQuery query="(min-width: 550px)">
  <div style={styles.alignText}>
  <Label color='green' basic onClick={this.rerouteToGoogle} >CSV</Label>
  </div>
</MediaQuery>
javascript reactjs react-router
1个回答
3
投票

<Link>的目的是在React应用程序中从一个路径导航到另一个路由,例如从/home/about。如果您想在新选项卡中打开另一个站点,那么您不会在应用程序内导航,因此您无法使用<Link>

在您的情况下,经典的<a href="https://google.com" target="_blank">将起作用。

所以,要解决你想要实现的目标,最简单的方法是在你的<a>中添加一个<Label>

<MediaQuery query="(min-width: 550px)">
  <div style={styles.alignText}>
  <Label color='green' basic>
    <a href="https://google.com" target="_blank">CSV</a>
  </Label>
  </div>
</MediaQuery>

推荐问答