[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"
}
相关推荐
cidy_9813 小时前
将 Figma 接入 Codex MCP:从 `/plugins` 到本地插件配置的完整教程
前端
vivo互联网技术13 小时前
动效开发不踩坑:几种动效实现方案对比与实战选型
前端·性能优化·动效
Csvn13 小时前
【Vue3】Composition API vs Options API —— 什么场景该选哪个
前端
Csvn13 小时前
Vue3 迁移血泪史:v-model 的 .sync 陷阱,90% 升级项目都会踩
前端·vue.js
光影少年13 小时前
js单线程,为什在node环境下的js可以处理高并发请求?
前端·javascript·掘金·金石计划
伊灵eLing13 小时前
GoLang 语言基础
开发语言·后端·golang
两年半的个人练习生^_^13 小时前
JMM 进阶:彻底理解 synchronized 实现原理
java·开发语言
小白不白11113 小时前
Invoke的用法
开发语言·人工智能·数码相机·计算机视觉·c#
techdashen13 小时前
What is maintenance, anyway?
开发语言·后端·rust
万法若空13 小时前
C/C++基本类型表示范围
c语言·开发语言·c++