React生命周期（经典）

什么是生命周期函数？

&& 生命周期函数（钩子函数）通俗的说就是在某一时刻会被自动调用执行的函数。

React生命周期（经典）

1、挂载

1. componentWillMount ，组件将要挂载；
   

组件被挂载到页面之前调用，整个生命周期中只会调用一次（组件更新时不会再调用）。
注意：在这里可修改state

2. componentDidMount ，组件挂载完毕；

组件被挂载到页面之后调用，整个生命周期只调用一次（组件更新不会调用）。

3. componentWillUnmount ，组件将要卸载；

2、更新

1. shouldComponentUpdate ，控制组件是否更新（该钩子可以进行组件的优化）；
   . (setState) 设置状态

组件更新之前调用（组件接受新的props或者state）。函数会返回一个布尔值，true才会更新组件。

2. componentWillUpdate ，组件将要更新；
   (forceUpdate 强制更新)

组件更新之前调用（组件接受新的props或者state）。函数会返回一个布尔值，true才会更新组件。

3. componentDidUnmount ，组件更新完毕；

组件更新完成之后调用，组件初始化时候不调用。
注意：可以在这里获取dom

4. componentWillUnmount():, 组件即将被卸载时执行

在这里清除一些不需要的监听和计时器