[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++ boost::range 详解:基于最新版本的现代范围处理指南
开发语言·c++
ch.ju12 小时前
Java Programming Chapter 4——lambda expression
java·开发语言
BerryS3N12 小时前
C++23新特性在CLion中的实战体验:从语法糖到生产力提升
前端·c++23
罗超驿13 小时前
10.Java对象比较完全指南:从equals到Comparable与Comparator
java·开发语言
申君健248641827720213 小时前
# WebGPU 的渲染原理与 Shader
前端
随风123weber13 小时前
从前端响应式到后端背压:深度拆解生成式 UI(Generative UI)
前端
快乐星空Maker13 小时前
C++【生存游戏】开发:荒岛往事 第三期
开发语言·c++·游戏·编程语言
用户0595401744613 小时前
用 Pytest 接管大模型记忆存储测试,状态一致性问题减少 90%
前端·css
郝学胜-神的一滴13 小时前
Qt 高级编程 035:无边框窗口阴影以及圆角双特效实现
开发语言·c++·qt·程序人生·用户界面
IT_陈寒13 小时前
JavaScript的异步地狱里,我的Promise掉进了微任务陷阱
前端·人工智能·后端