[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"
}
相关推荐
susnm2 分钟前
Dioxus 与数据库协作
前端·rust
优雅永不过时_v6 分钟前
基于vite适用于 vue和 react 的Three.js低代码与Ai结合编辑器
前端·javascript
小皮侠8 分钟前
nginx的使用
java·运维·服务器·前端·git·nginx·github
Thomas_YXQ8 分钟前
Unity URP法线贴图实现教程
开发语言·unity·性能优化·游戏引擎·unity3d·贴图·单一职责原则
WildBlue10 分钟前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端·javascript·html
啷咯哩咯啷14 分钟前
Vue3构建低代码表单设计器
前端·javascript·vue.js
用户261245834016115 分钟前
vue学习路线(10.监视属性-watch)
前端·vue.js
Spider_Man16 分钟前
React-Router 全面解析与实战指南
前端·react.js
凌览17 分钟前
斩获 27k Star,一款开源的网站统计工具
前端·javascript·后端
丘耳18 分钟前
前端渲染方式
前端