一般单页面应用,当你使用useNavigate时候的时候,用useNavigate来跳转,只能是在当前页面刷新跳转的,要想单独在一个tab页打开新页面,大概用三种方式。

第一种

使用link标签,配合target实现

<Link to="/record" target="_blank">
  /record
</Link>

第二种

使用a标签,配合target实现

<a href="/record" target="_blank">
  /record
</a>

第三种

使用window.open来实现

const navigateOutApp = () => window.open("/record", "_blank", "noreferrer");

...

<button type="button" onClick={navigateOutApp}>
  /record
</button>

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐