[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"
}
相关推荐
不相心 -w-12 小时前
Cmake的基础用法
linux·开发语言·c++
用户21816970493012 小时前
Flutter(九)StatelessWidget StatefullWidget
前端
paopaokaka_luck12 小时前
基于springboot3+vue3的乡村医生诊疗管理系统(AI助手、协同过滤算法、webSocket实时聊天、Echarts图形化分析)
前端·网络·人工智能·spring boot·websocket·网络协议·echarts
编程风暴12 小时前
3类人群的数据分析实习类型选择+4条选错红线
java·前端·数据分析
其美杰布-富贵-李12 小时前
Vue 3 模块导入教程:import、export 与文件组织
前端·javascript·vue.js
撑伞的鱼993712 小时前
C++开发用什么AI编程工具效果好?2026年实测横评(附选型指南)
开发语言·c++·ai编程·cursor
Bigger12 小时前
堆了 20 套主题、10+ 组件,用户还是用不出来?我给设计 Skill 加了「自动驾驶」
前端·ai编程·视觉设计
weipt12 小时前
springboot项目运行的几种方式
javascript·css·html
大数据张老师12 小时前
Typora 导出 Word 模版操作手册
开发语言·c#·word·typora
前端技术官12 小时前
前端真的比后端简单吗?
javascript·webview·dom·前端工程化·浏览器兼容性