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

reactjs React.js

番长樱梅

2020-03-30

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

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

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

谢谢。

第3856篇《React-Router在新标签页中打开链接》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共6个回答
蛋蛋古一Eva 2020.03.30

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

<Link to="chart" target="_blank" to="http://link2external.page.com" >Test</Link>
神乐 2020.03.30

这对我来说很好

<Link to={`link`} target="_blank">View</Link>
小胖Gil 2020.03.30

对于外部链接，只需使用achach代替Link： 

<a rel="noopener noreferrer" href="http://url.com" target="_blank">Link Here</a>
神乐 2020.03.30

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

小小 2020.03.30

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

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

斯丁前端 2020.03.30

在当前版本的React Router中，您可以使用：

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android