React history.push 允许用户在新标签页中打开
React history.push allow user to open in new tab
我的导航栏中页面之间的导航是使用 onClick 处理程序完成的，而不是通过 href。执行此操作时，我无法单击鼠标中键以在新选项卡中打开或右键单击 link 和 select 在新选项卡中打开。我正在使用 react-router-v4.
路线示例。
<a onClick={() => this.props.history.push('/conference/')}>Conference</a>
有没有办法让这种情况发生在反应中，或者我应该改用 hrefs 吗？
您有没有使用 Link 组件的原因？
你应该使用来自 React router
的 Link
<Link to={`/conference`}>Conference</Link>
您可以使用 <Link to='/conference'>Conference</Link> 来执行此操作。
如果出于某种原因你确实想以编程方式link到其他页面而不是使用你可以使用来启用cmd/ctrl点击。
Tl;dr 当按下 ctrl/cmd 时在状态上放置一个标志，然后将其用于 select 无论是 history.push 还是 window.open 新路径。
为我工作：
window.open('/conference', '_blank')
我的导航栏中页面之间的导航是使用 onClick 处理程序完成的，而不是通过 href。执行此操作时，我无法单击鼠标中键以在新选项卡中打开或右键单击 link 和 select 在新选项卡中打开。我正在使用 react-router-v4.
路线示例。
<a onClick={() => this.props.history.push('/conference/')}>Conference</a>
有没有办法让这种情况发生在反应中，或者我应该改用 hrefs 吗？
您有没有使用 Link 组件的原因？
你应该使用来自 React router
的Link
<Link to={`/conference`}>Conference</Link>
您可以使用 <Link to='/conference'>Conference</Link> 来执行此操作。
如果出于某种原因你确实想以编程方式link到其他页面而不是使用你可以使用
Tl;dr 当按下 ctrl/cmd 时在状态上放置一个标志，然后将其用于 select 无论是 history.push 还是 window.open 新路径。
为我工作：
window.open('/conference', '_blank')