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

[react]searchParams转普通对象

  const [param, setParam] = useSearchParams()
  const params = Object.fromEntries(param.entries());
  console.log(params);

如果是params的话,就是用返回一个对象, 

  const p = useParams()
  console.log(p);

为什么是对象?难道param还能有2个字段? 还真是! 

给2个占位符

{
    path: "/login/:uid/:uuid",
    element: <Login />
  }

 

  <button onClick={() => navigate('/login/3/6?age=18&name=小明')}>点击</button>

打印

{
    "uid": "3",
    "uuid": "6"
}


http://www.kler.cn/a/448425.html

相关文章:

  • 设计模式期末复习
  • 如何调大unity软件的字体
  • 基于MATLAB的图像增强
  • fastdds:idl
  • Java期末复习暨学校第十三次上机课作业
  • LLaMA-Factory 单卡3080*2 deepspeed zero3 微调Qwen2.5-7B-Instruct
  • 【CVE-2024-56145】PHP 漏洞导致 Craft CMS 出现 RCE
  • vue3 setup模式使用事件总线Event bus用mitt,app.config.globalProperties.$bus
  • MySQL 主从复制与高可用
  • MongoDB(下)
  • 深度学习之目标检测——RCNN
  • 《Java核心技术I》Swing的组合框
  • MongoDB 介绍及 Java 实现基本操作
  • kafka详解
  • Gin-vue-admin(1):环境配置和安装
  • 管理系统、微信小程序类源码文档-哔哩哔哩教程同步
  • CV-OCR经典论文解读|An Empirical Study of Scaling Law for OCR/OCR 缩放定律的实证研究
  • 边缘智能网关助力打造建筑智慧消防物联网
  • 【CSS】line-height: 120% 和 line-height: 1.2有什么区别?
  • python面试篇-多并发详解(多线程,多进程,协成整理)---一篇搞定
  • 南京观海微电子----单片机的中断系统
  • 使用JavaScript获取商品详情接口:一个实用的指南
  • GO--堆(have TODO)
  • outlook smtp 发送邮件
  • Android-Glide缓存机制
  • Zookeeper 底层原理解析