[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"
}
相关推荐
Sumerking2 分钟前
llc_control.c 专项评审(v3 更新版)
c语言·开发语言·算法·obc
南雨北斗6 分钟前
wangeditor5 在vue3项目中的正确配置
前端
老三_Micheal7 分钟前
一文搞懂 Axios 请求参数详解:headers、params 与 body 的区别和使用场景
javascript
Cache技术分享8 分钟前
517. Java 方法句柄 - 方法句柄 vs 反射 API
前端·后端
小刘在重生~9 分钟前
Web 前端基础|HTML+CSS+JavaScript+Bootstrap
前端·css·html
棣廷11 分钟前
初识Python面向对象
java·开发语言
是立不是利15 分钟前
第二篇:CSS 与用户体验——看不见的设计
前端·css·ux
研☆香18 分钟前
js中 onload 事件的用法
开发语言·javascript·ecmascript
打呵欠的猫19 分钟前
我把 20 个页面的权限控制从"硬编码"改成"配置驱动",AI 帮我生成了 80% 的迁移代码
前端·ai编程
志尊宝32 分钟前
Vue3 零基础每日笔记(005):ref 响应式基础——为什么 script 里要 .value
前端·javascript·vue.js·笔记