[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"
}
相关推荐
用户26124583401612 分钟前
vue学习路线(11.watch对比computed)
前端·vue.js
CAD老兵8 分钟前
前端 Source Map 原理与结构详解
前端
运器12310 分钟前
【一起来学AI大模型】算法核心:数组/哈希表/树/排序/动态规划(LeetCode精练)
开发语言·人工智能·python·算法·ai·散列表·ai编程
gnip12 分钟前
markdown预览自定义扩展实现
前端·javascript
大猫会长23 分钟前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_23 分钟前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js
snakeshe101025 分钟前
深入理解useState:批量更新与非函数参数支持
前端
windliang26 分钟前
Cursor 排查 eslint 问题全过程记录
前端·cursor
whoarethenext26 分钟前
使用 C++ 实现 MFCC 特征提取与说话人识别系统
开发语言·c++·语音识别·mfcc
boleixiongdi27 分钟前
# Bsin-App Uni:面向未来的跨端开发框架深度解析
前端