react跳转传参的方法

传参

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

然后引入此代码

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

引入此方法


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

这样就可以接受参数啦

相关推荐
Watermelo61723 分钟前
Vue3调度器错误解析,完美解决Unhandled error during execution of scheduler flush.
前端·javascript·vue.js·elementui·html·es6·bug
低代码布道师27 分钟前
第一部分:网页的骨架 —— HTML
前端·html
PyAIGCMaster29 分钟前
穷鬼计划:react+tailwindcss+vercel
前端·react.js·前端框架
好_快33 分钟前
Lodash源码阅读-difference
前端·javascript·源码阅读
好_快34 分钟前
Lodash源码阅读-differenceWith
前端·javascript·源码阅读
好_快37 分钟前
Lodash源码阅读-differenceBy
前端·javascript·源码阅读
凌晨一点的程序员2 小时前
antd中的表格穿梭框(Transfer)如何使用
前端·javascript·html·react·antd·transfer
啵咿傲2 小时前
Next框架学习篇 ✅
react.js·服务端渲染
^小桃冰茶3 小时前
HTML 从标签到动态效果的基础
前端·html
火柴盒zhang3 小时前
基于HTML CANVAS和EXCEL的xlsx文件展示工具websheet
前端·javascript·html·spreadsheet·websheet