类组件的不足:
+ 状态逻辑复用难
1. 缺少复用机制
2. 渲染属性和高阶组件导致层级冗余
+ 趋向复杂难以维护
1. 生命周期函数混杂不相干逻辑
2. 相干逻辑分散在不同生命周期
+ this 指向困扰
1. 内联函数过度创新新句柄
2. 类成员函数不能保证 this
Hooks优势:
优化类组件的三大问题
1. 函数组件无 this 问题
2. 自定义Hook方便复用状态逻辑
3. 副作用的关注点分离
- 第一章:react 基础
- 1. 关于 react
- 2. react 工作原理
- 0. 开发环境搭建
- 1. 创建并使用一个组件
- 1. 模块化与组件化
- 2. 虚拟DOM
- 3. Diff 算法
- React 与 Vue 的使用差异
- 1. 组件创建方式
- 2. data 与 state
- 3. 方法使用方式&this
- 4. 数据双向绑定
- 5. props
- 6. ref
- 7. for 循环元素
- 8. 生命周期
- create-react-app 改为多页面应用
- react修改打包路径,直接查看
- redux
- context
- lazy 实现延迟加载静态属性
- Memo实现指定组件进行渲染
- React Hooks
- React Hooks 的概念和意义
- 使用 useState
- axios单次切换formdata和payreload
- react 动态绑定 class
- 高阶组件
- react设计模式