React---使用componentDidUpdate钩子函数判断路由地址是否发生变化

2023-11-11

在组件更新(例如组件的路由更新)后会执行componentDidUpdate钩子函数

componentDidUpdate方法会传入两个参数:prevPropsprevState

prevProps, prevState可以拿到组件更新前的数据

因为路由的信息是通过props传递给组件的,所以,通过比较前后的两个props就可以判断路由地址是否发生变化

应用:

  componentDidUpdate(prevProps) {
    console.log(prevProps);
    console.log(this.props);
    if (prevProps.location.pathname !== this.props.location.pathname) {
      //业务处理逻辑
    }
  }

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

React---使用componentDidUpdate钩子函数判断路由地址是否发生变化 的相关文章

随机推荐

  • 基于Open3D的点云处理5-点云之间的距离计算

    计算在一片点云中的每一个点在另一片点云中最近点的距离 常规写法 通过k d Tree进行搜索每个点的最近点 k idx dist k dTree search knn vector 3d pc2 points i k 通过k d Tree进
  • 万物分割SAM家族 越发壮大!HQ-SAM、FastSAM 和 FasterSAM(MobileSAM)

    卧剿 6万字 30个方向130篇 CVPR 2023 最全 AIGC 论文 一口气读完 1 更高质量 Segment Anything in High Quality 最近的 Segment Anything Model SAM 代表了分割
  • 在 Visual C++ 中以错误的顺序链接 CRT 库和 MFC 库时出现 LNK2005 错误

    症状 当 C 运行时 CRT 库和 Microsoft 基础类 MFC 库的链接顺序有误时 可能会出现以下 LNK2005 错误之一 nafxcwd lib afxmem obj error LNK2005 void cdecl opera
  • 面试用到的 常见SQL语句

    1 有一张shop表 有三个字段article author price 选出每个author的price的最高的纪录 要包含所有字段 解法一 使用相关子查询 SELECT article author price FROM shop s1
  • 数字电路设计之同步时钟采样模块

    同步时钟采样模块 为的是使得外部输入的异步信号需要经过系统时钟的同步化 且将输入的异步信号整形成一个时钟长的脉冲信号 module clk syn clk rst s in s out input wire clk input wire r
  • Python中的类——完美描述现实世界的事物

    Python学习 类 目录 Python学习 类 前言 类的基础语法 定义 构造方法 继承 掠夺 前言 众所周知 现实世界的事物由两部分组成 即属性和行为 类也可以包含属性和行为 所以描述现实世界事物是非常合适的 例如 属性 灰发中分背带裤
  • java之Excel处理工具类

    package com hxy thesis common utils import com hxy thesis ht domain import com hxy thesis xp domain XpUserDO import org
  • 求数组中连续n个元素使其和最大

    给定一个数组 求出数组中连续的一些元素使其和的值最大 如果所有元素都为正数 显然整个数组即为所求的 如果所有元素的值为负数 则所求的最大值为0 这是在编程珠玑上看到的 其时间复杂度由O n3 减为O n 了 public class Max
  • 大数据学习第2天----------------linux 安装mysql 出现安装依赖问题解决(centos7)

    问题 安装mysql过程中出现的依赖 root hadoop mysql 5 7 16 rpm ivh mysql community devel 5 7 16 1 el7 x86 64 rpm warning mysql communit
  • 实录:SUSE服务器下的LVM配置

    SUSE Linux 存储阵列目前是主流应用 根据自己的工程经验 以下总结下suse 服务器下如何使用LVM管理软件进行阵列配置 在SUSE服务器对阵列进行配置一般有两种模式 1 直接使用fdisk 外挂存储设备名 对其进行分区划分 使用f
  • 【Linux】浅谈网络协议栈-网桥br0

    目录 1 什么是桥接 2 linux的桥接实现 3 网桥的功能 4 网桥的配置 1 什么是桥接 简单来说 桥接就是把一台机器上的若干个网络接口 连接 起来 其结果是 其中一个网口收到的报文会被复制给其他网口并发送出去 以使得网口之间的报文能
  • 计算机软件研究方法与技术路线,研究方法与技术路线

    研究方法与技术路线 由会员分享 可在线阅读 更多相关 研究方法与技术路线 2页珍藏版 请在人人文库网上搜索 1 1 研究方法1 实地调查法 在凤阳县地区和安徽科技学院附近分别进行调查 实地了解凤阳县中小企业对财会人员的需求及招聘要求 2 问
  • 第38.2节 osg加载大tif-10.20活动直播资源&中秋活动参赛源码

    目录 本节内容 本节内容 根据2021 10 20直播活动的内容 使用VPB处理影像高程的示例 将资源进行打包 里面使用的是VS2019 若使用其它版本的VS 则需要对应的OSG编译包 则在此链接获取 osgChina权威发布 vs各版本第
  • Flutter 自定义单选按钮和自定义复选框

    Flutter 自定义单选按钮和自定义复选框 前言 一 自定义单选按钮 二 自定义复选框 总结 前言 在日常开发中 很多时候系统自带的单选按钮 复选框无法满足我们的需求 那么就需要自定义样式的按钮 本篇文章将记录如何自定义单选按钮 复选框
  • Vue实现Markdown

    前言 本文将介绍如何使用Vue和SpringBoot实现一个Markdown编辑器 其中Vue用于前端 SpringBoot用于后端 实现数据存储和接口调用 项目背景 Markdown是一种轻量级的标记语言 用于简化文本编辑 最初由John
  • 初等数学概论

    author hjjdebug date 2016年 01月 18日 星期一 21 36 50 CST article 初等数学概论 记得高中的哲学书上说的 真理是相对的 没有永恒 绝对的真理 而我们这里讨论的数学 却是永恒绝对的真理 放之
  • Unity中的Debug类调试使用

    UnityEngine Debug Class containing methods to ease debugging while developing a game 该类中包含了一些便于游戏开发时的调试方法 Class Variable
  • The content of element type “configuration“ must match “(properties?,settings?,typeAliases?,typeHand

    注意 每个标签必须按顺序写
  • 有源滤波器治理谐波好在哪

    减小谐波影响应对谐波源本身或在附近采取适当的措施 通常情况下 采用加装滤波器的方式治理谐波 滤波器一般分为无源滤波器和有源滤波器 下面领步 北京 根据多年的实践经验给出一个具体的解决方案 在有谐波问题是 什么样的选择才是最好的 谐波的危害
  • React---使用componentDidUpdate钩子函数判断路由地址是否发生变化

    在组件更新 例如组件的路由更新 后会执行componentDidUpdate钩子函数 componentDidUpdate方法会传入两个参数 prevProps prevState prevProps prevState可以拿到组件更新前的