[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 分钟前
零依赖的代价与自由:我用 C# 自研了一套 Office 读写库
开发语言·c#
特立独行的猫A6 分钟前
我为什么推荐用仓颉语言的cj-tauri 写桌面应用(附 cjnote 最小的markdown笔记AI软件)
前端
纸片人10 分钟前
牛一越界,大屏 3 秒飞到它身边:我用真实卫星数据 + Three.js 做了个 3D 智慧牧场
前端
cc_瀚海知行20 分钟前
工具调用 6|助手什么时候该停下来?
java·服务器·前端·人工智能·python·ai
想做小南娘,发现自己是女生喵24 分钟前
QT项目实战第一周(嵌入式)
开发语言·qt
学逆向的30 分钟前
C 可变量参数
c语言·开发语言·网络安全
andyweike31 分钟前
kotlin dsl library工程怎么配置
android·开发语言·kotlin
溪语流沙35 分钟前
【Web全栈进阶】Nginx反向代理 + HTTPS:正式上线
前端·vue.js·python·nginx·https·fastapi
huaweichenai37 分钟前
php搭建mcp服务
开发语言·php·ai编程