React生命周期讲解中，有哪些关键阶段和作用？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1633个文字，预计阅读时间需要7分钟。
生命周期是什么？
从出生到成长，最终到死亡，这个过程的这段时间可以理解为生命周期。React中的组件也是如此。React组件的生命周期分为三个阶段：挂载期（也称为实例化期）、更新期、卸载期。
什么是生命周期？从出生到成长，最后到死亡，这个过程的时间可以理解为生命周期。
React中的组件也是这么一个过程。
React的生命周期分为三个阶段：挂载期（也叫实例化期）、更新期（也叫存在期）、卸载期（也叫销毁期）。
在每个周期中React都提供了一些钩子函数。
生命周期的描述如下：
挂载期：一个组件实例初次北创建的过程。
更新期：组件在创建后再次渲染的过程。
卸载期：组件在使用完后被销毁的过程。
创建阶段（挂载阶段）
创建阶段（挂载阶段）
1==> constructor(){}
<!-- 触发时机:创建组件，作用：初始化state中的数据， 可以为事件绑定this -->
2==>render(){}
<!-- 触发时机：每次组件渲染(初次渲染组件和更新组件)都会被触发，；作用是渲染UI; 注意不能够调用 setState
为什么不能够在 render中使用 setState；因为setState会更新数据，这样会导致递归渲染数据。
-->
3==>componentDidMount(){}
<!-- DOM已经渲染完成了；可以进行DOM操作和网络请求
如果你在 constructor 和 render中获取DOM节点，得到的结果是null;
-->
更新阶段
有三种情况会导致组件的更新-触发render函数；
1. 组件接收到一个新的属性，会进行渲染。
本文共计1633个文字，预计阅读时间需要7分钟。
生命周期是什么？
从出生到成长，最终到死亡，这个过程的这段时间可以理解为生命周期。React中的组件也是如此。React组件的生命周期分为三个阶段：挂载期（也称为实例化期）、更新期、卸载期。
什么是生命周期？从出生到成长，最后到死亡，这个过程的时间可以理解为生命周期。
React中的组件也是这么一个过程。
React的生命周期分为三个阶段：挂载期（也叫实例化期）、更新期（也叫存在期）、卸载期（也叫销毁期）。
在每个周期中React都提供了一些钩子函数。
生命周期的描述如下：
挂载期：一个组件实例初次北创建的过程。
更新期：组件在创建后再次渲染的过程。
卸载期：组件在使用完后被销毁的过程。
创建阶段（挂载阶段）
创建阶段（挂载阶段）
1==> constructor(){}
<!-- 触发时机:创建组件，作用：初始化state中的数据， 可以为事件绑定this -->
2==>render(){}
<!-- 触发时机：每次组件渲染(初次渲染组件和更新组件)都会被触发，；作用是渲染UI; 注意不能够调用 setState
为什么不能够在 render中使用 setState；因为setState会更新数据，这样会导致递归渲染数据。
-->
3==>componentDidMount(){}
<!-- DOM已经渲染完成了；可以进行DOM操作和网络请求
如果你在 constructor 和 render中获取DOM节点，得到的结果是null;
-->
更新阶段
有三种情况会导致组件的更新-触发render函数；
1. 组件接收到一个新的属性，会进行渲染。