[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"
}
相关推荐
Liu.7742 分钟前
Vue 3 开发中遇到的报错(2)
前端·javascript·vue.js
C、空白格7 分钟前
Java集成Vosk实现离线语音识别
java·开发语言·语音识别
编码浪子16 分钟前
基于 Rust + Axum 的企业级权限管理系统设计与实现
开发语言·后端·rust
历程里程碑19 分钟前
MySQL事务深度解析:ACID到MVCC实战+万字长文解析
开发语言·数据结构·数据库·c++·sql·mysql·排序算法
jerrywus20 分钟前
把 Obsidian 知识库接进 Claude Code:400 行代码实现 AI 长期记忆
前端·agent·claude
小t说说20 分钟前
2026年PPT生成工具评测及使用体验
大数据·前端·人工智能
雨季mo浅忆20 分钟前
第五项目梳理
前端·项目梳理
Lyyaoo.26 分钟前
【JAVA基础面经】native方法
java·开发语言
牛十二28 分钟前
nacos2.4连接出错源码分析
java·linux·开发语言
hERS EOUS30 分钟前
WebSpoon9.0(KETTLE的WEB版本)编译 + tomcatdocker部署 + 远程调试教程
前端