当前位置: 首页 > news >正文

关于ReactV18的页面跳转传参和接收

  一、使用路由方式进行传参和接收(此处需使用 useNavigateuseParams 两个hooks)

        1  首先需要配置好路由形式如下  :id(参数)

    {

        path: "/articleDetail/:id",

        element: lazyElement(<ArticleDetail />),

     },

        2 传递参数 使用 useNavigate

navigate("/published", { state: { articleName: props.Title } });

       3  接收参数 使用 useParams

const { id } = useParams();

二、使用地址方式进行(此处需使用 useNavigateuseSearchParams 两个hooks)

navigate('/login?name=xiaoming&age=10')传参

const [getSearchArr] = useSearchParams();接收

使用 getSearchArr.getAll("SearchKey")获取详细值

相关文章:

  • 【干货分享】25地学考研推免夏令营汇总表
  • SpringBoot 多种优雅的线程池配置与使用(异步执行函数,反射机制,动态识别参数,有返回值)
  • 2024年6月20日 (周四) 叶子游戏新闻
  • redis 缓存jwt令牌设置更新时间 BUG修复
  • 2021 hnust 湖科大 数据结构课堂实验代码及报告
  • Python 获取class_name win32gui
  • 太速科技-基于AD916X的直流至 12 GHz 矢量信号发生器 FMC子卡
  • Python使用策略模式实现绘图功能
  • GenICam标准(二)
  • 科普文章:怎么远程监控电脑屏幕?三种监控电脑屏幕的方法
  • 基于mysqlbinlog恢复数据
  • 让我们拯救数学
  • 探索Linux命令的新利器:linux-command
  • 【ARMv8/v9 GIC 系列 2 -- GIC SPI 中断的 enable和 disable 配置】
  • SpringSecurity实战入门——认证
  • Bytom交易说明(账户管理模式)
  • CentOS7 安装JDK
  • docker容器内的网络抓包
  • JavaScript对象详解
  • JavaScript设计模式系列一:工厂模式
  • SpiderData 2019年2月16日 DApp数据排行榜
  • 工作中总结前端开发流程--vue项目
  • 关于for循环的简单归纳
  • 解析带emoji和链接的聊天系统消息
  • 前端学习笔记之观察者模式
  • 数据科学 第 3 章 11 字符串处理
  • 硬币翻转问题,区间操作
  • 用jQuery怎么做到前后端分离
  • 从如何停掉 Promise 链说起
  • ​ 全球云科技基础设施:亚马逊云科技的海外服务器网络如何演进
  • ​​​【收录 Hello 算法】9.4 小结
  • # 移动硬盘误操作制作为启动盘数据恢复问题
  • #NOIP 2014# day.2 T2 寻找道路
  • #pragma pack(1)
  • #基础#使用Jupyter进行Notebook的转换 .ipynb文件导出为.md文件
  • $redis-setphp_redis Set命令,php操作Redis Set函数介绍
  • (javaweb)Http协议
  • (JSP)EL——优化登录界面,获取对象,获取数据
  • (备份) esp32 GPIO
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (二)Kafka离线安装 - Zookeeper下载及安装
  • (附源码)node.js知识分享网站 毕业设计 202038
  • (附源码)spring boot校园健康监测管理系统 毕业设计 151047
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (附源码)计算机毕业设计SSM疫情社区管理系统
  • (实战篇)如何缓存数据
  • (学习总结)STM32CubeMX HAL库 学习笔记撰写心得
  • (一)基于IDEA的JAVA基础10
  • (原+转)Ubuntu16.04软件中心闪退及wifi消失
  • (转)GCC在C语言中内嵌汇编 asm __volatile__
  • (转)Linux下编译安装log4cxx
  • *算法训练(leetcode)第三十九天 | 115. 不同的子序列、583. 两个字符串的删除操作、72. 编辑距离
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • .net8.0与halcon编程环境构建
  • @RequestMapping 和 @GetMapping等子注解的区别及其用法