[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"
}
相关推荐
葡萄城技术团队20 分钟前
一键触发工作表中所有异步函数:用依赖单元格刷新 SpreadJS 公式
前端
lsylalalala24 分钟前
多线程(4)
java·开发语言·多线程
小白不想画工图25 分钟前
银河麒麟V10系统安装QT5.12
linux·开发语言·qt·银河麒麟
Bigger25 分钟前
谁动了我的 URL?——记一次微前端"灵异 Bug"的排查实录
前端·ai编程·vue-router
JavaGuide33 分钟前
轻量开源版 IDEA 来了!
前端·后端
2601_9620974837 分钟前
JavaScript 异步编程
javascript·ajax·回调函数·异步编程·子线程
张洪权41 分钟前
nest.js websocket 群聊----私聊功能
前端·nestjs
流光D1 小时前
AI Era: Building Web Sites and Configuring Nginx Reverse Proxy Process
前端·人工智能·nginx
sakidd1 小时前
VS Code 的 AI Chat 现在已经这么能干了?
前端
计算机魔术师1 小时前
英伟达砸130亿美元买下一个平台,黄仁勋到底在怕什么?
前端