当前位置: 首页 > 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.lryc.cn/news/615018.html

相关文章:

  • 【SQL进阶】用EXPLAIN看透SQL执行计划:从“盲写“到“精准优化“
  • ABP VNext + Akka.NET:高并发处理与分布式计算
  • c++ opencv调用yolo onnx文件
  • 2025-08-09通过授权码的方式给exe程序充值
  • jQuery 零基础学习第一天
  • 计算BERT-BASE参数量
  • 【数据分享】各省农业土地流转率(2010-2023)
  • 安全合规3--防火墙
  • 光伏面板损伤检出率↑91%!陌讯多模态识别算法在无人机巡检的落地实践
  • 建筑物实例分割数据集-9,700 张图片 城市规划与发展 灾害评估与应急响应 房地产市场分析 智慧城市管理 地理信息系统(GIS) 环境影响评估
  • Android MVP架构详解:从理论到实践
  • leetcode2090:半径为K的子数组平均值(定长滑动窗口)
  • C# 使用iText获取PDF的trailer数据
  • 【lucene】HitsThresholdChecker命中阈值检测器
  • 【Datawhale AI夏令营第三期】多模态RAG
  • 《Learning To Count Everything》论文阅读
  • 论文阅读-ZeroDCE和ZeroDCE++
  • OpenCV图像裁剪与 ROI 操作
  • Kubernetes 集群密钥与机密管理方案对比分析:Vault、Sealed Secrets 与 AWS KMS
  • vue+flask山西非遗文化遗产图谱可视化系统
  • 【Linux】Tomcat
  • C# 异步编程(使用异步Lambda表达式)
  • 100-基于Python的智联招聘数据可视化分析推荐系统
  • 基于Dify实现对Excel的数据分析--动态配置图表
  • 篮球运动(动态规划)
  • Vue3子组件向父组件传值(defineEmits())
  • 年轻新标杆!东方心绣脸韧带年轻技术升级发布
  • 【线程池】压测确定线程池合适的参数
  • Qt/C++开发监控GB28181系统/实时监测设备在线离线/视频预览自动重连/重新点播取流/低延迟
  • 模板方法模式:优雅封装算法骨架