react 组件生命周期---概述

27 阅读1分钟

生命周期

生命周期: 一个事物从创建到最后消亡经历的整个过程

组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程

意义:组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等

钩子函数

在生命周期的不同阶段,会自动被调用执行的函数,为开发人员在不同阶段操作组件提供了时机。

注意:只有类组件 才有生命周期钩子函数

image.png

组件生命周期 - 挂载阶段

执行时机 :组件创建时(页面加载时) 执行顺序:constructor --> render -----> componetDidMount

image.png

更新阶段

更新阶段会执行的钩子 render ---> componetDidMount 三种操作可触发组件更新

  1. 调用setState。它能改数据&& 更新页面
  2. 调用forceUpdate()
  3. 组件接收到新的props

说明:以上三者任意一种发生,组件就会进入更新阶段

image.png

组件的卸载阶段

执行时机 : 组件的销毁

image.png