react跳转传参的方法

传参

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

然后引入此代码

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

引入此方法


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

这样就可以接受参数啦

相关推荐
恶猫2 分钟前
抖音直播时,飘窗提示的html窗口,主播不在,正在喝9
前端·html·直播·抖音·素材
霁月的小屋9 分钟前
Vue组件通信全攻略:从基础语法到实战选型
前端·javascript·vue.js
腾讯云云开发10 分钟前
【你可能不知道的开发技巧】一行代码完成小程序的CloudBase鉴权登录
前端·后端·微信小程序
Micro麦可乐11 分钟前
前端真的能防录屏?EME(加密媒体扩展) DRM 反录屏原理 + 实战代码
前端·媒体·eme·drm·前端防盗录
一 乐12 分钟前
校园社区系统|基于java+vue的校园悬赏任务平台系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
晚霞的不甘16 分钟前
华为云 DevUI 实战开发指南:构建现代化前端应用的最佳实践
前端·华为云
申阳16 分钟前
Day 21:03. 基于 SpringBoot4 开发后台管理系统-整合 SpringSecurity 完成登录功能
前端·后端·程序员
嘴平伊之豬26 分钟前
对照typescript学习鸿蒙ArkTS
前端·harmonyos
奋斗猿28 分钟前
前端实测:RSC不是银弹,但它真的重构了我的技术栈
前端·react.js
Hilaku28 分钟前
为什么永远不要相信前端输入?绕过前端验证,只需一个 cURL 命令!
前端·javascript·安全