react跳转传参的方法

传参

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

然后引入此代码

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

引入此方法


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

这样就可以接受参数啦

相关推荐
爱学习的狮王1 分钟前
ubuntu18.04安装nvm管理本机node和npm
前端·npm·node.js·nvm
东锋1.35 分钟前
使用 F12 查看 Network 及数据格式
前端
zhanggongzichu8 分钟前
npm常用命令
前端·npm·node.js
anyup_前端梦工厂14 分钟前
从浏览器层面看前端性能:了解 Chrome 组件、多进程与多线程
前端·chrome
chengpei14723 分钟前
chrome游览器JSON Formatter插件无效问题排查,FastJsonHttpMessageConverter导致Content-Type返回不正确
java·前端·chrome·spring boot·json
我命由我1234531 分钟前
NPM 与 Node.js 版本兼容问题:npm warn cli npm does not support Node.js
前端·javascript·前端框架·npm·node.js·html5·js
每一天,每一步41 分钟前
react antd点击table单元格文字下载指定的excel路径
前端·react.js·excel
浪浪山小白兔42 分钟前
HTML5 语义元素详解
前端·html·html5
小魔女千千鱼1 小时前
【真机调试】前端开发:移动端特殊手机型号有问题,如何在电脑上进行调试?
前端·智能手机·真机调试
16年上任的CTO1 小时前
一文大白话讲清楚webpack基本使用——11——chunkIds和runtimeChunk
前端·webpack·node.js·chunksid·runtimechunk