3 react 生命周期小结

// init 初始化
1. constructor() // 组件一被创建就会执行，是 es6 中自带的函数，不是 react 独有的；

// mounting 挂载
2. componentWillMount() // 在组件即将被挂载到页面上的时候执行；
3. render()
4. componentDidMount() // 在组件已经被挂载到页面上的时候执行；

// updating 更新
5. shouldComponentUpdate() // 组件被更新之前执行，返回一个 boolean 值，该返回值决定了组件是否会被更新；
6. componentWillUpdate() // shouldComponentUpdate 返回 true 时，且组件将要更新之前执行；
7. render()
8. componentDidUpdate() // 组件更新完成之后被执行；


9. componentWillReceiveProps() // 1.一个组件要从父组件接收数据；2.如果这个组件第一次出现在父组件，不会被执行；3.如果组件之前已经存在于父组件，才会被执行;
// 父组件：render -> 子组件：componentWillReceiveProps -> 子组件：shouldComponentUpdate -> 子组件：componentWillUpdate -> 子组件：render -> 子组件：componentDidUpdate -> 父组件：componentDidUpdate

// unMounting 卸载
10. componentWillUnmount // 组件将要被卸载的时候执行；
//  父组件：render -> 子组件：componentWillUnmount -> 父组件：componentDidUpdate