React之组件的生命周期
- 一、概述
- 二、整体说明
- 三、挂载阶段
- 四、更新阶段
- 五、卸载阶段
一、概述
生命周期:一个事务从创建到最后消亡经历的整个过程
组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程
意义:理解组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等
钩子函数的作用:为开发人员在不同阶段操作组件提供了时机
注意:只有 类组件 才有生命周期
二、整体说明
- 图示说明
三、挂载阶段
执行时机 组件创建时(页面加载时)
执行顺序
四、更新阶段
执行时机:1. setState() 2. forceUpdate() 强制组件更新 3. 组件接收到新的props(实际上,只需要父组件更新,子组件就会重新渲染)
以上三者任意一种变化,组件就会重新渲染
执行顺序
五、卸载阶段
执行时机:组件从页面中消失