React的生命周期

React的生命周期

初始化阶段

1. constructor 该函数用来做一些组建的初始化工作，比如定义state和props
2. componentWillMount：函数是组建挂载到DOM节点前调用，可以在这个阶段修改初始定义的state和props
3. render 页面的渲染
4. componentDidMount：次函数是组件挂载到DOM后调用。这个阶段可以调用网络接口更新组件，也可以获取到真实的DOM节点。这是React中最常用的生命周期

更新阶段

5. componentWillReceiveProps： 此函数表示富足见渲染时，子组建也更新，可以通过这个函数来监听state和props的变化
6. shouldConponentUpdate： 此函数可以判断当前的state是否有变化。如果没有变化则发回false不会重新渲染页面。因此可以在这个地方进行性能优化
7. componentWillUpdate：此函数在更新页面前调用
8. render 更具改变的state和props重新渲染页面
9. componentDidUpdate: 此函数是组件已经完成了更新，DOM已经挂载完成 的时候调用
   10.componentWillUnmount：此函数是组件被拆卸前调用，可以在这里清除事件监听。还可以移除手动创建的DOM节点，避免内存泄漏。