当前位置： 首页 > ops >正文

【React-router-dom】浅拷贝，查询参数放到路由上

ops 2025/6/22 7:15:27

应用场景

  1. 刷新页面，查询参数就没有带上
  2. 回退时，上个页面的查询参数或者翻页被还原
  3. 记录路由信息，不想把路由及查询参数分参数记录

解决方案

将查询参数带在路由上，这样刷新参数不会丢失，回退参数不会丢失，如果想管理路由，可以一并把参数也一起管理了

代码

// 使用navigate函数来改变URL的查询参数navigate(`?${stringify(filterData)}`)

Tips

数据流建议直接读取query的值，而不是用state来管理，
或者特殊情况需要用变量来管理，注意赋值混乱的情况

http://www.xdnf.cn/news/13227.html

相关文章：

  • vue的这两个特性：数据驱动视图 与 双向数据绑定的区别
  • 工业环境的首选：试验台铁底板稳定性
  • 从设备监控到人员调度，可视化赋能车间全场景
  • 搭建一个springColud 项目，从头开始，里面有订单，库存两个模块
  • LangChain Chat History概念指南
  • 【ModelArts】ModelArts一站式AI开发平台详解（一）
  • 【WiFi扫描相关帧】
  • 条码二维码如何在数字医疗守护安全与效率？
  • 日志收集工具-logstash
  • Echarts大量数据柱图，禁止滑块拖动宽度，以及适配分辨率。
  • CentOS7下的Kafka集群安装部署
  • MongleDB数据库应用
  • 【Flash 芯片 MTD 专栏】Flash芯片识别异常导致mtd子系统分区创建失败
  • 如何判断一个bug，是前端还是后端的？
  • 工作记录：人物对话功能开发与集成
  • linux thermal framework(1)_概述
  • RAG文档解析难点2：excel数据“大海捞针”，超大Excel解析与精准行列查询指南
  • 如何定期检查和调整螺杆支撑座间隙？
  • Java八股文——JVM「内存模型篇」
  • HeidiSql (数据库可视化工具) v12.10 官方便携版
  • 2.Socket 编程 UDP
  • [极客时间]LangChain 实战课 ----- 01｜LangChain系统安装和快速入门(2)
  • 3D扫描技术赋能汽车零部件尺寸测量效率提升
  • Mac M4 芯片运行大模型指南，包括模型微调与推理
  • Spring Boot 与 Kafka 的深度集成实践（三）
  • 多模态分类案例实现
  • 可视化如何全方位赋能销售工作
  • Rust 学习笔记：通过 Send 和 Sync trait 实现可扩展并发性
  • 常用的OceanBase调优配置参数
  • Vue 的 v-model 指令详解