当前位置: 首页 > news >正文

(一)React复习小满(userImmer/userMemo/useContext/userCallback/userRef)


文章目录

  • 项目地址
  • 一、userImmer
    • 1.1 使用
      • 1. 安装
      • 2. 操作嵌套类
    • 1.2 操作列表
      • 1. 增加
      • 2. 删除
      • 3. 修改
      • 4. 查询
  • 二、userMemo
    • 2.1 组件重新渲染
      • 1. 组件props/state发生变化
      • 2. useContext更新
      • 3. 渲染内容
    • 2.2 使用useMemo
      • 1.React.memo
      • 2.useMemo
  • 三、userCallback
    • 3.1 基本使用
    • 3.2 userCallback和useMemo的区别
      • 1. 共同点
      • 2. 不同点
  • 四、userContext
    • 4.1 使用
      • 1. 顶级组件
      • 2. 二层组件
      • 3. 三层组件
  • 五、userRef
    • 5.1 基本使用
      • 1. 通过Ref操作DOM元素
      • 2. 数据存储
      • 3. 计时器
      • 3. 注意
      • 4. null和undifined


项目地址

  • 教程作者:
  • 教程地址:
https://www.bilibili.com/video/BV1mcpPeMETt?spm_id_from=333.788.videopod.episodes&vd_source=791e6deaa9c8a56b1f845a0bc1431b71&p=10
  • 代码仓库地址:
  • 所用到的框架和插件:
dbt 
airflow

一、userImmer

  • 高效复制新对象,并且保留了旧对象

1.1 使用

1. 安装

npm install immer use-immer

2. 操作嵌套类

在这里插入图片描述

1.2 操作列表

在这里插入图片描述

1. 增加

在这里插入图片描述

2. 删除

在这里插入图片描述

3. 修改

在这里插入图片描述

4. 查询

在这里插入图片描述

二、userMemo

2.1 组件重新渲染

顶级组件(父组件)的 state 变化,会导

http://www.dtcms.com/a/322482.html

相关文章:

  • 需求评审需要哪些角色参与
  • 嵌入式 - Linux软件编程
  • Web文件上传:本地与云存储实战
  • day 36_2025-08-09
  • 如何在 Ubuntu 24.04 LTS Linux 上安装 Azure Data Studio
  • C# 通过第三方库INIFileParser管理INI配置文件
  • Golang的本地缓存freecache
  • Linux中Docker redis介绍以及应用
  • Kubernetes(K8s)不同行业的典型应用场景及价值分析 原创
  • 【31】C#实战篇——获取路径下的文件名(不包含路径和扩展名),并分离出文件名`fileName` ,文件名编号`SN`,文件名前缀`WMT`
  • 功能测试中常见的面试题-二
  • kettle插件-kettle MinIO插件,轻松解决文件上传到MinIO服务器
  • Nginx高性能web服务器
  • 如何衡量需求的紧急程度
  • 单片机输出高电平的两种方式
  • Spring Boot自定义Starter:从原理到实战全解析
  • TDengine IDMP 产品基本概念
  • Redis面试题及详细答案100道(01-15) --- 基础认知篇
  • 原生Vim操作大全
  • 分享一个基于Spark的眼科疾病临床数据可视化分析与应用研究Hadoop基于Vue和Echarts的眼科疾病统计数据交互式可视化系统的设计与实现
  • 麦当秀|MINDSHOW:在线AI PPT设计工具
  • linux 操作ppt
  • OceanBase架构设计
  • 7、docker |其余命令
  • 机器学习——08 特征降维
  • Android MVP架构详解:从理论到实践
  • (第三篇)spring cloud之Zookeeper注册中心
  • 观远BI 工具驱动零售消费行业精益增长的实践路径
  • 从反射到方法句柄:深入探索Java动态编程的终极解决方案
  • 【3D图像技术分析与实现】如何进行基于3DGS的城市道路重建?