有什么方法可以在 reactjs 的 Link 标签中使用 target="_blank"

Question

我正在使用链接标签将我的页面重定向到新标签中的另一个页面，但 target="_blank" 不起作用！

<Link onClick={(e) => { 
              e.preventDefault();
              localStorage.setItem("_queryID",cases["_id"])
              this.props.history.push("/content") 
              }} target="_blank">
      {cases.title}
</Link>

我需要将来自 API 的 case["_id"] 存储到 localStorage 并且 onClick 它应该重定向到新选项卡，但这不起作用。 谁能告诉我如何解决这个问题？

Answer 1

target="_blank" 影响浏览器的默认导航。

通过调用e.preventDefault()，您的点击处理程序可以防止这种情况发生。