[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"
}
相关推荐
慧一居士1 分钟前
vue.config.js 文件功能介绍,使用说明,对应完整示例演示
前端·vue.js
颜酱4 分钟前
用导游的例子来理解 Visitor 模式,实现AST 转换
前端·javascript·算法
木易 士心13 分钟前
Nginx 基本使用和高级用法详解
运维·javascript·nginx
whm277717 分钟前
Visual Basic 参数传送-形参与实参
开发语言·visual studio
蒙特卡洛的随机游走22 分钟前
Spark的宽依赖与窄依赖
大数据·前端·spark
共享家952729 分钟前
QT-常用控件(多元素控件)
开发语言·前端·qt
幸运小圣30 分钟前
Iterator迭代器 【ES6】
开发语言·javascript·es6
葱头的故事31 分钟前
将传给后端的数据转换为以formData的类型传递
开发语言·前端·javascript
中微子42 分钟前
🚀 2025前端面试必考:手把手教你搞定自定义右键菜单,告别复制失败的尴尬
javascript·面试
_233343 分钟前
vue3二次封装element-plus表格,slot透传,动态slot。
前端·vue.js