History.Push链接到带有React Router的新选项卡

Yassine Bridi

做一些逻辑后,我需要打开一个指向新标签页的链接。
我有一个像这样的按钮:

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

handleSubmit()为:

const history = useHistory();

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

如您所见,对于我的用例,使用该Link组件没有任何意义

因此,有没有一种方法可以仅使用 history.push()

马加迪斯

React-router的历史记录仅用于导航应用程序和持久性。我看不到为什么需要使用它来打开新标签页。我认为您应该为此使用window对象。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

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

React Router-在新选项卡上打开链接并重定向到主页

在新选项卡上打开链接

有没有办法使用 react-router 在新选项卡中显示单个组件?

react-native-router-flux选项卡如何更改所选选项卡的图标?

带有 POST 的 Javascript 书签中的新选项卡

React Router Dom 5.1.2 — 选项卡支持

使用target =“ _ blank”在带有github markdown的新选项卡中打开链接

在 Adobe Acrobat 的新选项卡中打开带有文档内链接的 PDF 的脚本

Xpages链接打开“新浏览器”选项卡

用户单击时在新选项卡中打开链接

JS Jquery - 在新选项卡中打开链接

右键单击并保存链接以在新选项卡中打开

Datagrid 导航链接在新选项卡中打开

ActiveClassName在React-Router中带有多层选项卡

带有 ViewPager 的 TabLayout 在新选项卡上选择上一个选项卡文本消失

python selenium在新选项卡中打开链接,并在新选项卡中继续会话

在新选项卡中打开所有外部 URL

在ui-router应用中使用选项卡,每个选项卡都没有状态

链接到特定选项卡的Bootstrap

链接到嵌套的JQuery选项卡

Chrome扩展程序:webRequest重定向到现有选项卡,而无需打开新选项卡

如何引导链接单击到公共页面并激活 React Router 下的选项卡项

带有UI-Bootstrap选项卡和UI-Router的Angularjs导航菜单

无法使用硒在右键单击时在新选项卡中选择选项打开链接

尽管使用 target="_blank",但 React Markdown 链接不会在新选项卡中打开

使用React Native Router Flux在所有场景中维护选项卡

JavaScript:如何在没有window.open()的新选项卡中打开链接?

使Safari在现有窗口中以选项卡(而不是新窗口)打开新链接