组件的生命周期分成三个状态:

  • Mounting:已插入真实 DOM
  • Updating:正在被重新渲染
  • Unmounting:已移出真实 DOM

React 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。

  • componentWillMount()
  • componentDidMount()
  • componentWillUpdate(object nextProps, object nextState)
  • componentDidUpdate(object prevProps, object prevState)
  • componentWillUnmount()

此外,React 还提供两种特殊状态的处理函数。

  • componentWillReceiveProps(object nextProps):已加载组件收到新的参数时调用
  • shouldComponentUpdate(object nextProps, object nextState):组件判断是否重新渲染时调用

相关文章:

  • 2021-08-20
  • 2021-07-29
  • 2021-10-02
  • 2021-10-11
  • 2022-12-23
  • 2022-12-23
  • 2021-12-23
  • 2021-07-05
猜你喜欢
  • 2022-01-19
  • 2021-12-29
  • 2022-03-01
  • 2022-12-23
  • 2022-12-23
  • 2021-11-23
相关资源
相似解决方案