[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"
}
相关推荐
前端小万17 小时前
一次紧急的现场性能问题排查
前端·性能优化
一只乔哇噻17 小时前
java后端工程师进修ing(研一版 || day41)
java·开发语言·学习·算法
钮钴禄·爱因斯晨17 小时前
深入剖析LLM:从原理到应用与挑战
开发语言·人工智能
excel17 小时前
为什么相同卷积代码在不同层学到的特征完全不同——基于 tfjs-node 猫图像识别示例的逐层解析
前端
知识分享小能手17 小时前
React学习教程,从入门到精通,React 使用属性(Props)创建组件语法知识点与案例详解(15)
前端·javascript·vue.js·学习·react.js·前端框架·vue
用户214118326360217 小时前
dify案例分享-免费玩转即梦 4.0 多图生成!Dify 工作流从搭建到使用全攻略,附案例效果
前端
CodeSheep17 小时前
稚晖君又开始摇人了,有点猛啊!
前端·后端·程序员
JarvanMo17 小时前
Flutter Web vs Mobile:主要区别以及如何调整你的UI
前端
六点半88817 小时前
【C++】C++11 篇二
开发语言·c++
DDDDDDDRDDR17 小时前
C++容器:list
开发语言·c++·stl