文章/答案/技术大牛

发布

社区首页 >问答首页 >使用useNavigate路由/重定向到新选项卡中的另一个页面

问使用useNavigate路由/重定向到新选项卡中的另一个页面
EN

Stack Overflow用户

提问于 2022-05-11 08:37:20

回答 1查看 2.3K关注 0票数 0

我使用的是ag网格，它有一个事件onSelectionChanged，这使得行可以单击。当我单击下面的行时，函数将被调用。

const onSelectionChanged = useCallback(() => {

  const selectedRow = gridRef.current.api.getSelectedRows(); //get the row data

  let navigate = useNavigate();   //import { useNavigate } from "react-router-dom";
  navigate('/Detail', { state: { data: selectedRow[0]} });  //navigate to detail page

}, []);

函数导航到详细信息页并传递状态。但是navigate()在同一个选项卡中调用Detail页面。

我想在新标签中打开页面。用这种方法可以吗？或者还有别的方法来完成我的目标？

reactjs

react-router

react-router-dom

ag-grid

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-05-11 09:33:32

在打开新选项卡时，react-router不应该帮助保存状态。实际上，从根本上说，react不应该帮助做到这一点。

我会用两种方式来处理这个问题：

如果数据足够简单，则使用windows.open(window.open("http://link?key="+ value +"&key2="+ value2 ..."); )将其作为查询或路径参数传递。
查看其他状态管理方法，如localstorage或一些其他的东西

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72197908

复制

相似问题

问使用useNavigate路由/重定向到新选项卡中的另一个页面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用useNavigate路由/重定向到新选项卡中的另一个页面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用useNavigate路由/重定向到新选项卡中的另一个页面
EN