History.push 一个带有反应路由器的新标签的链接

Question

在做一些逻辑之后，我需要打开一个指向新标签的链接。
我有一个这样的按钮：

<Button
  onClick={handleSubmit}
>
  Preview
</Button>

handleSubmit() 是：

const history = useHistory();

const handleSubmit = () => {
  console.log("doing something");
  history.push("/some-link") 
}

如您所见，对于我的用例，使用 Link 组件是没有意义的。

那么，有没有办法将该链接推送到新标签页，只使用history.push()

Answer 1

React-router 的历史仅用于应用程序的导航和一些持久性。我不明白为什么你需要用它来打开一个新标签。我认为您应该为此使用 window 对象。

const handleSubmit = () => {
  console.log("doing something");
  const win = window.open("/some-link", "_blank");
  win.focus();
}