[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"
}
相关推荐
a诠释淡然4 分钟前
C++模板元编程—现代C++的黑魔法
开发语言·c++
程序员小淞10 分钟前
写一个行政区划下拉选组件(异步+搜索)
前端
星栈11 分钟前
用 Rust + Makepad 做一个 JSON 查看器:从零到能用的全过程
前端·rust
charlie11451419112 分钟前
现代C++工程:constexpr 基础:编译期求值的艺术
开发语言·c++
yijianace13 分钟前
Python爬虫实战:分页爬取 + 详情页采集 + CSV存储
前端·爬虫·python
十九画生13 分钟前
从同步到异步:重新理解 JavaScript 的执行机制
javascript
想吃火锅100516 分钟前
【前端手撕】防抖节流
前端
半个落月16 分钟前
JavaScript 同步异步与 Promise 详解 —— 从 Event Loop 到手写 sleep
javascript
MemoriKu16 分钟前
Flutter 相册 APP 视频模态稳定化实战:从视频抽帧、Embedding 元数据到 Android 真机启动修复
android·开发语言·前端·flutter·架构·音视频·embedding
触底反弹20 分钟前
深入理解 JavaScript 同步与异步:从 Event Loop 到 async/await
javascript