[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"
}
相关推荐
程序喵大人12 小时前
【C++进阶】STL容器与迭代器 - 04 list 和 forward_list 用节点换稳定位置
开发语言·c++·list
taocarts_bidfans12 小时前
Taoify 站点访问地区限制与 IP 管控配置
前端·javascript·tcp/ip·taoify
狂师12 小时前
用自然语言控制手机,一条命令让 AI 帮你操作 Android 和 iOS 设备!
前端·开源·测试
qq_3660862212 小时前
关于接口路径中中文值解码问题
java·开发语言·数据库
麻瓜老宋13 小时前
AI开发C语言应用按步走,表达式计算器calc的第二十步,魔法数修复、测试分隔符、位运算截断检查、进制溢出检查
c语言·开发语言·atomcode
Csvn13 小时前
# 🎨 CSS Container Queries 实战踩坑——从「响应式」到「容器式」
前端
zhangjw3413 小时前
第36篇:Spring Boot进阶:Web开发+参数校验+全局异常处理
前端·spring boot·后端
老王以为13 小时前
解剖 Claude Code:逆向工程视角下的入口架构分析
前端·ai编程·claude
Csvn13 小时前
💰 JavaScript 浮点数精度问题深度剖析——前端金额计算的「定时炸弹」
前端
今日无bug13 小时前
深入理解 JavaScript 变量提升(Hoisting)
javascript·面试