天天看点

React生命周期 - 前端

组件的生命周期

概念

每个组件的实例, 从 创建、到运行,直到销毁, 在这个过程中, 会出发 一些列 时间, 这些事件就叫做组件的生命周期函数;

React组件生命周期

分为三个部分:

  • 组件创建阶段: 特点: 一辈子只执行一次

componentWillMount:

render:

componentDidMount:

  • 组件运行阶段: 特点: 按需 根据 props属性 或 state状态的改变, 有选择性的 执行 0 到 多次

componentWillReceiveProps:

shouldComponentUpdate:

render:

  • componentDidUpdate:
  • 组件销毁阶段: 特点: 一辈子只执行一次