React 组件的生命周期详解

概念：在组建的建立、到加载到页面上运行以及组件被销毁的过程当中，老是伴随的各类各样的事件，这些在组件特定时期，出触发的事件就叫作 组建的声明周期

组件建立阶段：组件建立阶段的生命周期函数，有一个显著地特色，建立阶段的生命周期函数，在组建的一生中只执行一次

组件运行阶段：也有一个显著地特色，根据组件的state和props的改变有选择性的触发0次或屡次；

组件销毁阶段：也有一个显著地特色，一生只执行一次

组件初始阶段 static defaultProps：初始化props默认值的属性，做用是防止组件中某些必要的属性，外界没有传递报错的问题

组建建立阶段 this.state：是用来初始化组件私有数据的，是定义在组建的constructor构造器函数中，因此this.state会被第一时间就被初始化，由于在Class类中，只要new这个类，必然优先调用constructor构造器 componentWillMount：这个函数，是组建的虚拟DOM元素，将要挂在到页面上的时候执行，此时，虚拟DOM尚未被建立，也没有被挂在到页面上；由于虚拟DOM是在render函数上建立的，因此此时根本尚未虚拟DOM被建立 render：当进入到render函数中执行的时候，就已经开始渲染虚拟DOM了，当执行完render后，此时_在内存中已经建立好了，可是，此时虚拟DOM并无被挂在到真正的页面上_ componentDidMount：表示组件已经完成了挂载，此时，咱们data上的数据，虚拟DOM上的数据以及浏览器页面上的数据保持一致了，到这里，组件建立阶段的生命周期函数已经建立完毕，页面第一次被渲染好

组件运行阶段 componentWillReceiveProps：组件将要接受新的props属性，只有当外界传递给子组件的属性被修改了，才会触发此函数的执行 shouldComponentUpdate：组件是否被更新；状态(state)或者props的改变都能触发此组件的更新 componentUpdate：组件将要被更新，此时组件尚未被更新 render：从新渲染内存中虚拟DOM对象，当render完毕以后，虚拟DOM树已经和组件的state保持一致了，都是最新的了，可是页面仍是旧的 componentDidUpdate：此时页面已经更新完了，页面也是最新的了

组件卸载的过程： componentWillUNmount：组件将要被卸载，此时组件尚可以使用，尚未被卸载；

以上就是react生命周期函数的详细过程