本文共 877 字，大约阅读时间需要 2 分钟。

一、 Initialization(初始化）

setup props and state

二、Mounting(安装）

注意：从React 16.3版本开始，componentWillMount 方法正在逐步淘汰，如果要使用这方法，请在方法前面加上UNSAFE_。 这些方法被认为是“不安全的”。

render —> (组件挂载中）

componentDidMount —> (组件挂载完的时刻)

三、Updation(更新)

注意1： props中五个生命周期函数全包括，而states 只包括四个生命周期函数

componentWillReceiveProps —> (组件第一次存在于DOM中时，函数是不会被执行的，如果已经存在于DOM中，函数才会被执行，即 当组件被二次渲染时，才会执行 ) 已废除

shouldComponentUpdate —> (在组件更新之前)

shouldComponentUpdate() {          console.log('shouldComponentUpdate ----> 在组件更新之前执行');       return true  //若返回false  就不会向下执行，不会执行render ，也不会执行compontentWillUpdate   }

componentWillUpdate —> (在shouldComponentUpdate之后执行)

render —> (组件挂载中)

componentDidUpdate —> (在组件更新之后执行)

四、Unmounting(卸载)

componentWillUnmount —> (当组件将要被删除时，自动执行)

转载地址：http://sapaz.baihongyu.com/