React组件的生命周期

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

1、Mounting 已插入真实dom
2、Updating 正在被重新渲染
3、Unmounting 已移除真实dom

生命周期的方法有：

1、componentWilMount 在渲染前调用 在客服端 也在服务端

2、componentDidMount 在第一次渲染后调用，只在客服端，之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异部操作阻塞UI)。

3、componentWillReceiveProps 在组件接收到一个新的props时被调用，初始化render时不会被调用。

4、shouldComponentUpdate 返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。 可以在你确认不需要更新组件时使用。

5、componentWillUpdate在组件接收到新的props或者state但还没有render时被调用。在初始化时不会被调用。

6、componentDidUpdate 在组件完成更新后立即调用。在初始化时不会被调用。

7、componentWillUnmount在组件从 DOM 中移除的时候立刻被调用。

欢迎一起交流学习…