[react]searchParams转普通对象

javascript 复制代码
  const [param, setParam] = useSearchParams()
  const params = Object.fromEntries(param.entries());
  console.log(params);

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

javascript 复制代码
  const p = useParams()
  console.log(p);

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

给2个占位符

javascript 复制代码
{
    path: "/login/:uid/:uuid",
    element: <Login />
  }
javascript 复制代码
  <button onClick={() => navigate('/login/3/6?age=18&name=小明')}>点击</button>

打印

javascript 复制代码
{
    "uid": "3",
    "uuid": "6"
}
相关推荐
IT_陈寒8 分钟前
Vue的响应式更新把我坑惨了,原来问题出在这
前端·人工智能·后端
白远山10 分钟前
家政服务家政社区派单实战:调度系统架构设计与实现指南
java·开发语言·小程序·架构·需求分析
tingke13 分钟前
别再堆 AGENTS.md 了:前端团队的 Agent 上下文分层落地指南
前端
DevRay1 小时前
Java 21虚拟线程深度实战:告别线程池焦虑,百万并发吞吐量直接翻倍(原理+代码+避坑)
java·开发语言
李明卫杭州1 小时前
React 复合事件系统对比解析
前端·javascript·react.js
葡萄城技术团队1 小时前
SpreadJS V19.2 新特性揭秘:FILTERXML 函数
前端
free-elcmacom1 小时前
C++学习<1>程序分区
开发语言·c++
醉颜凉1 小时前
Java 必看:如何彻底避免 HashMap 多线程死循环问题?
java·开发语言
默 语1 小时前
Java新手入门:从零开始安装JDK并配置环境变量
java·开发语言·python·mysql·group by·1024程序员节·数据去重
Brilliantwxx2 小时前
【STM32】 I2C_EEPROM_test 工程(实战篇)
开发语言·stm32·单片机·嵌入式硬件·ecmascript