React 旧版生命周期

1. 初始化阶段

由ReactDOM.render()触发

1. constructor()

2. componentWillMount()

   组件即将挂载时、挂载之前触发

3. render()

4. componentDidMount()

   组件挂载后触发

   一般在这个钩子中做一些初始化的事，例如：开启定时器、发送网络请求、订阅消息

2. 更新阶段

由组件内部this.setSate()或父组件render()触发

1. componentWillReceiveProps()

   组件即将接收到参数时触发

2. shouldComponentUpdate()

   控制组件更新的阀门，返回布尔值，默认true

3. componentWillUpdate()

   组件即将更新时触发

4. render()

5. componentDidUpdate()

   组件更新完毕时触发

3. 卸载组件

由ReactDOM.unmountComponentAtNode()触发

1. componentWillUnmount()

   组件即将卸载时触发

   一般在这个钩子中做一些收尾的事，例如：关闭定时器、取消订阅消息