javascript - 以编程方式在 react 路由器的新选项卡中打开链接

Question

我正在将 ReactJS 与 React Router 一起用于一个项目(无 redux)，我想以编程方式打开一个链接，但在新选项卡上。我知道使用 onClickNode={e => this.props.history.push('/${e.data.node.id}')}我可以转到所需的链接，但问题是它在同一选项卡中打开。此外，无法在该函数中使用 JSX，因此无法添加 <Link>组件。

(我正在使用 React Router v4)

Answer 1

这个https://stackoverflow.com/a/11384018/7697399答案帮助了我并且完美地工作了。这可以在没有反应路由器帮助的情况下完成。

function openInNewTab(url) {
  var win = window.open(url, '_blank');
  win.focus();
}