react跳转传参的方法

传参

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

然后引入此代码

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

引入此方法


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

这样就可以接受参数啦

相关推荐
风骏时光牛马3 分钟前
# Ruby基于Rails框架实现多角色权限管理与数据分页查询完整实战代码案例
前端
weedsfly5 分钟前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
xiaodaoluanzha9 分钟前
迄今為止,最簡單的編程語言 Nolang
前端·后端
Csvn11 分钟前
Fetch 请求竞态终结者:AbortController 不只是用来"取消"的
前端
阡陌Jony12 分钟前
关于前端路由中的参数问题的学习(一): params,query, hash(#)
前端
YFF菲菲兔13 分钟前
commitRoot 源码解析
react.js
阡陌Jony14 分钟前
缓存相关学习笔记(一):Service Worker 缓存
前端
假如让我当三天老蒯16 分钟前
前端跨域解决方案(学习用)
前端·javascript·面试
阡陌Jony17 分钟前
关于前端路由中的参数问题的学习(二)
前端
IT_陈寒1 小时前
SpringBoot自动配置这个坑,我踩进去又爬出来了
前端·人工智能·后端