react跳转传参的方法

传参

首先下载命令行 npm react-router-dom

然后引入此代码

前面跳转的是页面 后面传的是你需要传的参数
接参

引入此方法


useLocation():这是 react-router-dom 提供的一个钩子,用于获取当前路由的位置对象
location.state:这是从其他页面传递过来的状态数据。例如,当使用 navigate<Link> 组件导航时,可以传递一个 state 对象

这样就可以接受参数啦

相关推荐
墨染天姬19 分钟前
【AI】cursor提示词小技巧
前端·数据库·人工智能
烛阴23 分钟前
TEngine 入门系列(一):TEngine 是什么 & 为什么选它
前端·unity3d
转转技术团队37 分钟前
WebNN:让 AI 推理在浏览器中“零距离”运行
前端
刀法如飞1 小时前
TypeScript 数组去重的 20 种实现方式,哪一种你还不知道?
前端·javascript·算法
IT_陈寒1 小时前
Vite热更新失效?你可能漏了这个小细节
前端·人工智能·后端
海石1 小时前
面试官:说一下你现在使用的 AI IDE,什么,JoyCode 是什么?
前端·ai编程
彩票管理中心秘书长2 小时前
一次搞懂:在Vue里用Showdown渲染Markdown+KaTeX数学公式
前端
m0_738120722 小时前
应急响应(重点)——记一次某公司流量应急溯源分析(附带下载链接)
服务器·前端·数据库·安全·web安全·网络安全
前端Hardy2 小时前
pnpm 11.0 正式登场:安装起飞、安全拉满、彻底告别 npm 依赖
前端
PILIPALAPENG2 小时前
第4周 Day 1:智能体记忆系统——给 Agent 一个"大脑"
前端·人工智能·python