React history.push允许用户在新选项卡中打开

时间:2018-06-16 17:43:51

标签: reactjs react-router react-router-v4

导航栏中页面之间的导航是使用onClick处理程序完成的,而不是通过hrefs完成的。执行此操作时,我无法在中间单击以在新选项卡中打开或右键单击链接并选择在新选项卡中打开。我正在使用react-router-v4。

路线的一个例子。

<a onClick={() => this.props.history.push('/conference/')}>Conference</a>

有没有办法让这种情况发生反应,或者我应该使用hrefs?

5 个答案:

答案 0 :(得分:2)

您可以使用<Link to='/conference'>Conference</Link>执行此操作。

答案 1 :(得分:1)

`你应该使用来自反应路由器的链接

<Link to={`/conference`}>Conference</Link>

答案 2 :(得分:0)

您是否有理由不使用Link组件?

答案 3 :(得分:0)

如果出于某些原因您确实希望通过编程方式链接到其他页面并且不使用,则可以使用this method启用cmd / ctrl单击。

在按下ctrl / cmd时,Tl; dr在状态上放一个标志,然后用它选择是history.push还是window.open新路径。

答案 4 :(得分:0)

为我工作:

window.open('/conference', '_blank')