[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"
}
相关推荐
Albart5759 分钟前
Python爬虫请求头伪装后仍被反爬,基于代理池+随机延迟的绕过实战
开发语言·爬虫·python
Promise微笑12 分钟前
回路电阻测试仪采购:多维度技术评估与深度避坑指南
开发语言·matlab·语音识别
BerryS3N17 分钟前
前端应用的离线暂停更新策略:构建稳定可靠的渐进式部署方案
前端
從南走到北24 分钟前
JAVA无人共享系统无人场馆预约篮球系统源码支持小程序+公众号+APP+H5
java·开发语言·小程序
码智社28 分钟前
Maven 零基础完整教程
java·开发语言·maven
半夜修仙31 分钟前
Spring集成邮箱功能
java·开发语言·spring boot·spring·rabbitmq·github·maven
LaughingZhu43 分钟前
Product Hunt 每日热榜 | 2026-07-17
前端·数据库·人工智能·经验分享·mysql·chatgpt·html
潇凝子潇1 小时前
UnsupportedOperationException
java·前端·数据库
卷无止境1 小时前
Python 跨平台 GUI 解决方案全景报告
前端·python
码农学院1 小时前
电子产品企业泉州网络推广如何精准触达目标采购商
开发语言·php