React-Router在新标签页中打开链接

有没有办法让React Router在新标签页中打开链接?我尝试了这个,但是没有用。

<Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link>

可以通过向onClick="foo"Link 添加类似于我上面的内容来使其模糊,但会出现控制台错误。

谢谢。

蛋蛋古一Eva2020/03/30 17:50:53

最简单的方法是使用“ to”属性:

<Link to="chart" target="_blank" to="http://link2external.page.com" >Test</Link>
神乐2020/03/30 17:50:53

这对我来说很好

<Link to={`link`} target="_blank">View</Link>
小胖Gil2020/03/30 17:50:52

对于外部链接,只需使用achach代替Link:

<a rel="noopener noreferrer" href="http://url.com" target="_blank">Link Here</a>
神乐2020/03/30 17:50:52

从react_router 1.0开始,道具将传递到锚标记上。您可以直接使用target="_blank"在这里讨论:https : //github.com/ReactTraining/react-router/issues/2188

小小2020/03/30 17:50:52

您可以使用“ {}”作为目标,然后jsx不会哭

<Link target={"_blank"} to="your-link">Your Link</Link>

斯丁前端2020/03/30 17:50:52

在当前版本的React Router中,您可以使用:

<Link to="route" target="_blank" onClick={(event) => {event.preventDefault(); window.open(this.makeHref("route"));}} />