[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"
}
相关推荐
发光小北4 分钟前
Bronze100系列plc Modbus及自由口通信案例
开发语言·php
Liora_Yvonne10 分钟前
为什么你写了3年前端还是搭不好一个项目
前端·架构
snow@li11 分钟前
Java:后端项目会有一个类似前端node_modules的目录吗 / jar包在本地仓库 ~/.m2/repository 中按版本共存
java·开发语言·前端
weedsfly12 分钟前
单例模式在前端中的正确打开方式
前端·javascript·面试
PedroQue9913 分钟前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
IT_陈寒13 分钟前
Vite冷启动快?我遇到了个奇怪的依赖问题
前端·人工智能·后端
geovindu14 分钟前
java: Builder Pattern
java·开发语言·后端·设计模式·建造者模式·生成器模式
2603_9552797015 分钟前
通过 brew upgrade cmake 升级到最新版本
前端
2zcode18 分钟前
免费开源项目文档:基于MATLAB同态滤波的医学图像增强系统设计与实现
开发语言·matlab
REDcker22 分钟前
Android 15 16KB 内存页适配详解
android·开发语言·python