[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"
}
相关推荐
j7~14 小时前
【Linux】二十六.线程篇三《Linux多线程编程:线程控制、线程ID以及进程地址空间分布、线程局部存储__thread以及clone系统调用》---详解
linux·运维·服务器·开发语言·c++·多线程编辑·线程的控制
维吉斯蔡21 小时前
【VS Code / Cursor】文件夹右键快捷打开与文件类型自动关联
开发语言·程序人生·学习方法
weixin_3823952321 小时前
为小工厂量身打造:本地部署的物料管理系统带缺料计算
前端·制造
__zRainy__1 天前
解决pnpm v10+不自动构建
前端·pnpm·工程化
猫猫不是喵喵.1 天前
Vue3 Props 属性
前端·javascript·vue.js
醉城夜风~1 天前
CSS元素显示模式(display)
前端·css
luj_17681 天前
星火科技助力边远地区防病攻坚
c语言·开发语言·c++·经验分享·算法
always_TT1 天前
【Python 日志记录:logging 模块入门】
开发语言·python·php
xcLeigh1 天前
Go入门:变量声明的五种方式详解
java·开发语言·golang
AI大模型-小华1 天前
Codex 三方充值快速入门指南
java·前端·数据库·chatgpt·ai编程·codex·chatgpt pro