[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"
}
相关推荐
寂寞狼牙冷3 小时前
封装fetch替换axios
前端
用户461169657283 小时前
网站 HTTPS 不稳定?证书排查指南
前端
n87653 小时前
Playwright Java WEB UI 自动化实现框架与逻辑
java·前端·ui
keyipatience3 小时前
TypeScript学习(1)
前端·javascript·学习·typescript·html·css3
爱喝热水的呀哈喽4 小时前
HEJIAN RESEARCH
开发语言·matlab
白露与泡影4 小时前
后端 Java 面试核心八股汇总|高频面试题 + 解析,覆盖基础到进阶
java·开发语言·面试
xifangge20254 小时前
基于 JavaScript 实现 CNC 数控切削参数与螺纹公差纯前端核算引擎
开发语言·前端·javascript
“AI国潮设计-小江”4 小时前
【AIGC实战】Python+SDXL批量生成「潮汕英歌舞冰淇淋蛋糕&红桃粿咖啡」IP,固定角色形象批量出甜品商业效果图
开发语言·人工智能·python·prompt·aigc
wangruofeng4 小时前
2026 Web 技术选型指南,AI 时代如何选择适合项目的技术栈
前端·aigc·ai编程
\光辉岁月/4 小时前
3.包装类
java·开发语言·包装类