(一)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 变化,会导