使用useNavigate路由/重定向到新选项卡中的另一个页面
使用useNavigate路由/重定向到新选项卡中的另一个页面
提问于 2022-05-11 08:37:20
我使用的是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页面。
我想在新标签中打开页面。用这种方法可以吗？或者还有别的方法来完成我的目标？
Stack Overflow用户
回答已采纳
发布于 2022-05-11 09:33:32
在打开新选项卡时，react-router不应该帮助保存状态。实际上，从根本上说，react不应该帮助做到这一点。
我会用两种方式来处理这个问题：
- 如果数据足够简单，则使用
windows.open(window.open("http://link?key="+ value +"&key2="+ value2 ..."); )将其作为查询或路径参数传递。 - 查看其他状态管理方法，如
localstorage或一些其他的东西
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72197908
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号