React之组件的生命周期

React之组件的生命周期

• 一、概述
• 二、整体说明
• 三、挂载阶段
• 四、更新阶段
• 五、卸载阶段

一、概述

• 生命周期:一个事务从创建到最后消亡经历的整个过程
• 组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程
• 意义：理解组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等
• 钩子函数的作用：为开发人员在不同阶段操作组件提供了时机
• 注意：只有 类组件 才有生命周期

二、整体说明

• 图示说明
  

三、挂载阶段

• 执行时机 组件创建时（页面加载时）
• 执行顺序
  
  

四、更新阶段

• 执行时机：1. setState() 2. forceUpdate() 强制组件更新 3. 组件接收到新的props（实际上，只需要父组件更新，子组件就会重新渲染）
• 以上三者任意一种变化，组件就会重新渲染
• 执行顺序
  
  

五、卸载阶段

• 执行时机：组件从页面中消失