react---- 生命周期函数

react 生命周期函数

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

• Initialization

  • setup props and state

• Mounting 组件第一次被挂载的时候

  • componentWillMount()： 组件即将被挂载到页面的时刻自动执行

  • render()： 渲染挂载时执行

  • componentDidMount()： 组件被挂载之后会被执行

• Updation 更新

  • 公共

    • shouldComponentUpdate()：组件被更新之前，会自动执行，返回布尔类型的结果（true：更新，false：不更新）

    • componentWillUpdate()：组件被更新之前，自动执行，但是在
      shouldComponentUpdate后执行，如果返回true执行，返回false不执行

    • render()

    • componentDidUpdate()：组件更新完成之后，被执行

  • props

    • componentWillReceiveProps()：当一个组件从父组件接受参数；只要父组件的render函数被重新执行了，子组件的这个生命周期就会被执行；（如果这个组件第一次存在于父组件中，不会执行，如果这个组件之前存在于父组件中，才会执行）

  • states

• Unmounting 卸载

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