umi,从url中获得search参数方法

2023-11-01

1. 路由传参(新增时不带ID,search或者 query)

 history.push({
              pathname: 'addSelf',
              query: {
                self: 'yes',
              }
            });

 2. 从url中取参数

import { history,useLocation } from 'umi';

// 从路由中取到search片段
const {search}= useLocation()

 3. 解构得到参数 (两种方法)

   第一种:

    第二种:

  const {search}= useLocation()

  // 操作search片段,取到参数

   let searchParams=new URLSearchParams(search)

   const self =searchParams.get("self")

 // 再挂载时去获取search 参数进行一些操作

  const [isSelf,setIsSelf] = useState(true)

  useEffect(()=>{
     self === "yes" ? setIsSelf(true) : setIsSelf(false)
  })

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

umi,从url中获得search参数方法 的相关文章

随机推荐

  • 手把手教你用 ChatGPT plugin 打造一个人知识库系统(一)

    为什么需要个人知识库 大概有很多人跟我一样 被现在信息过载弄得非常焦虑 很自然想到通过整理的方式来对抗信息过载 试图使用各种知识管理工具来整理这些信息 但最后折腾完各种工具后 才发现根本用不起来 因为这些工具常常需要我们按照预设的框架去管理
  • 如何融合多任务学习 (Multi-Task Learning ) 损失函数loss

    目录 1 Uncertainty Weighting 1 1 基础概念 1 2 方法 2 GradNorm 2 1 原理 2 2 方法 3 Multi Objective Optimisation 3 1 原理 3 2 方法 4 Geome
  • OAuth2基础知识

    什么是OAuth 2 OAuth 2 0是一种授权协议 它的核心是授权许可和令牌机制 它通过颁发访问令牌给第三方 允许第三方代表用户访问该用户的数据 而不是直接给第三方用户名和密码 它主要用来保护Web API接口 第三方只有得到授权和访问
  • Js文件中调用其它Js函数的方法

    转载 在一个js中引用另一个js的方法 方法 步骤 一个js调用另外一个js的方法 最简单的例子就是jquery的调用 首先准备好两个js文件 然后写一个html文件 通过方法 将两个js引用到html文件中 处于下方的js文件 就可以直接
  • 电路实验

    任务一 1 非门电路 2 表格 INPUT toggle switch OUTPUT led ON 1 Black 0 OFF 0 Red 1 任务二 1 A B C AB AC 2 表格 A B C O1 O2 0 0 0 0 0 0 1
  • 【C++编程题】回文串( 动态规划×,暴力求解√ )

    问题描述 回文串 是一个正读和反读都一样的字符串 比如 level 或者 noon 等等就是回文串 给你一个字符串 问最少在字符串尾添加多少字符 可以使得字符串变为回文串 输入格式 有多组测试数据 每组测试数据第一行是一个正整数N 表示字符
  • 土地利用现状分类2020_国土空间调查、规划、用途管制用地用海分类指南来了...

    自然资源部办公厅印发指南通知 据自然资源部官网今日消息 该部办公厅已于11月17日印发 国土空间调查 规划 用途管制用地用海分类指南 试行 这部指南主要内容包括总则 一般规定 用地用海分类等 其明确了国土空间调查 规划 用途管制用地用海分类
  • Pandora设置samba(文件共享)的步骤#openwrt通用#

    此方法为在线安装 进入后台 进入系统 gt 软件包 点击刷新列表 搜索Samba 安装两个插件 luci app samba和 samba4 server 重启路由器 在服务中可以查看配置 添加用户 在winscp中 找到etc passw
  • 代码随想录算法训练营第二十九天/46.全排列、47.全排列2

    文章目录 组合 排列辨析 46 全排列 思路 注意 实现代码 47 全排列2 思路 注意 实现代码 组合 排列辨析 组合 是无序的 例如 1 2 2 1 是同一个 排列 是有序的 例如 1 2 2 1 是不一样的 46 全排列 思路 判断结
  • Maven入门学习

    Maven 1 Maven 介绍 Maven 是跨平台的项目管理工具 作为 Apache 组织提供的一个颇为成功的开源项目 它是基于项目对象模型 POM project object model 可以通过一小段描述信息 配置 来管理项目的构
  • 【MQ】kafka(四)——kafka消费者如何消费的?如何防止重复消费?如何顺序消费?

    一 前言 前面博客小编向大家分享了 kafka如何保证消息不丢失 基本是从producer和broker来分析的 producer要支持重试和acks producer要做好副本和及时刷盘落地 这篇博客呢 就跟大家一起聊一下 kafka 消
  • 多核CPU开几个线程最好

    影响最佳线程数的主要因素 1 IO 2 CPU 根据公式 服务器端最佳线程数量 线程等待时间 线程cpu时间 线程cpu时间 cpu数量 一般来说是IO和CPU IO开销较多的应用其CPU线程等待时间会比较长 所以线程数量可以开的多一些 相
  • Kubernetes控制器之Deployment

    Deployment为Pod和ReplicaSet提供了一个声明式定义 declarative 方法 用来替代以前的ReplicationController来方便的管理应用 只需要在Deployment中描述一个期望状态 Deployme
  • Spring Data 与MongoDB 集成二:操作篇(添加和删除)

    一 简介 spring data mongodb项目提供与mongdb文档数据库的集成 spring data mongodb提供了org springframework data mongodb core MongoTemplate对mo
  • keras和tensorflow的版本对应关系

    keras和tensorflow的版本对应关系 Framework Env name env parameter Description Docker Image Packages and Nvidia Settings TensorFlo
  • java生成电子发票_电子发票实例(iText)

    实例简介 1 首先右键解决方案还原 nuget包 2 运行项目 则如下图 实例截图 生成的电子发票如下 模板的内容如下 核心代码 using MakePDFDemo Model using System namespace MakePDFD
  • Android平台 Target API level 升级到 31,在Android 12上启动黑屏卡死

    项目场景 项目上架平台要求android API需要升级到31及以上才行 API升级到33版本后经测试在android12 13机型上会卡在启动页面 打开调试日志也没报错 问题描述 Android平台 Target API level 升级
  • 阿里云服务器Windows Server 2008 架设 Web 服务器教程(图文详解)

    最近刚忙完嵌入式下位机LWIP的网络通讯 希望将嵌入式设备接入云端来进行控制 买了一个阿里云Windows server 2008服务器 来搭建云服务器 过程给大家分享一下互相学习 让小白快速上手 通过win R打开命令终端 输入mstsc
  • HectorSLAMGmappingKartoSLAMCoreSLAMLagoSLAM

    1 算法介绍 A HectorSLAM scan matching Gaussian Newton equation 传感器的要求高 要求 高更新频率小测量噪声的激光扫描仪 不需要里程计 使空中无人机与地面小车在不平坦区域运行存在运用的可能
  • umi,从url中获得search参数方法

    1 路由传参 新增时不带ID search或者 query history push pathname addSelf query self yes 2 从url中取参数 import history useLocation from um