React组件的生命周期

React组件的生命周期可分成三个状态：

Mounting：已插入真实 DOM（挂载）
Updating：正在被重新渲染（更新）
Unmounting：已移出真实 DOM（卸载）

Mounting

componentWillMount() 组件将要挂载

componentDidMount() 组件完成挂载

 

Updating

componentWillReceiveProps() 组件将要接收prop，这个方法在初始化render时不会被调用。

shouldComponentUpdate() 返回一个布尔值，在组件接收到新的props或者state时被调用。在初始化时不被调用

componentWillUpdate() 组件将要更新

render() 渲染

componentDidUpdate() 组件完成更新立即调用。在初始化时不会调用

Unmounting

componentWillUnmount() 在组件从 DOM 中移除的时候立刻被调用

Error Handling

componentDidCatch() 错误处理