react生命周期函数

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

Initialization(初始化阶段 初始化数据 比如说props state)

1、setup props and state

Mounting(挂载阶段)

1、componentWillMount()
在组件即将被挂载到页面的时候自动执行(只会在第一次挂载时执行)
2、render()
3、componentDidMount（）
组件被挂载到页面之后执行(只会在第一次挂载时执行)

Updation(组件的更新流程)

props发生变化时：

    1、componentWillReceiveProps()
    什么时候会执行：一个组件要从父组件接收参数 && 只要父组件的render函数被重新（第二次或之后次）执行了，子组件的这个生命周期函数就会被执行
    2、shouldComponentUpdate()
    组件被更新之前，它会被自动执行(要求返回一个布尔类型的值（代表组件需不需要被更新）)
    3、componentWillUpdate()
    组件被更新之前，它会自动执行，但是它会在shouldComponentUpdate()之后被执行，如果shouldComponentUpdate()返回true则执行它，反之不执行。
    4、render
    5、componentDidUpdate()
    组件更新完成之后它会被执行

state发生变化时：

    1、shouldComponentUpdate()
    组件被更新之前，它会被自动执行(要求返回一个布尔类型的值（代表组件需不需要被更新）)
    2、componentWillUpdate()
    组件被更新之前，它会自动执行，但是它会在shouldComponentUpdate()之后被执行，如果shouldComponentUpdate()返回true则执行它，反之不执行。
    3、render
    4、componentDidUpdate()
    组件更新完成之后它会被执行

Unmounting(组件被从页面中剔除的过程)

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