React生命周期函数

生命周期函数

生命周期函数指在某一时刻组件会自动调用执行的函数

• Initialization

  • setup props and state

• Mounting

  • componentWillMount 在组件即将被挂载到页面的时刻自动执行
  • render 创建虚拟DOM
  • componentDidMout 在组件挂载之后执行

• Updation

  • props
    • componentWillReceiveProps 一个组件要从父组件接收参数，如果这个组件第一次存在父组件中，不会执行，如果这个组件之前已经存在父组件中，才会执行
  • states
    • shouldComponentUpdate 组件被更新之前，它会自动被执行
    • componentWillUpdate 组件被更新之前，它会被执行，但是它在shouldComponentUpdate之后执行
    • render 页面重新渲染
    • componentDidUpdate 组件更新完成之后执行

• Unmounting

  • componentWillUnmount 当这个组件即将从页面中剔除的时候，会被执行