有没有办法让React Router在新标签页中打开链接？我试过这个，但没有用。
<Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link>
可以通过向onClick="foo"链接添加类似我上面的内容来弄乱它，但是会出现控制台错误。
谢谢。
React-Router 在新选项卡中打开链接
IT技术
reactjs
react-router
2021-03-31 11:53:05
6个回答
从 React Router 5.0.1 版开始，您可以使用：
<Link to="route" target="_blank" rel="noopener noreferrer" />
我认为 Link 组件没有它的props。
您可以通过创建标签并使用导航 mixin 的 makeHref 方法来创建您的网址
<a target='_blank' href={this.makeHref(routeConsts.CHECK_DOMAIN, {},
{ realm: userStore.getState().realms[0].name })}>
Share this link to your webmaster
</a>
我们可以使用以下选项：-
// first option is:-
<Link to="myRoute" params={myParams} target="_blank">
// second option is:-
var href = this.props.history.createHref('myRoute', myParams);
<a href={href} target="_blank">
//third option is:-
var href = '/myRoute/' + myParams.foo + '/' + myParams.bar;
<a href={href} target="_blank">
我们可以使用三个选项之一通过react路由在新选项卡中打开。
目标可以使用“{}”，这样jsx就不会哭了
<Link target={"_blank"} to="your-link">Your Link</Link>
对于外部链接，只需使用 achor 代替链接：
<a rel="noopener noreferrer" href="http://url.com" target="_blank">Link Here</a>
其它你可能感兴趣的问题