react生命周期（react生命周期和hooks）

生命,周期,react生命周期,组件,react,挂载

点击问答目录，快速直达详情 ：

• 1、react生命周期

• 2、react父子组件生命周期执行顺序

• 3、react生命周期是多少?

• 4、React新旧版本对比总结归纳(生命周期篇)

react生命周期

1、react生命周期是一个组件从生到死的一个过程，react为生命周期提供了一些关键节点，即会被触发的事件，来让组件方便处理各种场景。

2、生命周期理论有两种主要的生命周期方法——一种是传统的、相当机械的看待市场发展的观点（产品生命周期/行业生命周期）；另外一种更富有挑战性，观察顾客需求是怎样随着时间演变而由不同的产品和技术来满足的（需求生命周期）。

3、React 组件的生命周期有三个不同的阶段：初始渲染阶段：*这是组件即将开始其生命之旅并进入 DOM 的阶段。更新阶段：*一旦组件被添加到 DOM，它只有在 prop 或状态发生变化时才可能更新和重新渲染。这些只发生在这个阶段。

4、React的生命周期从广义上分为三个阶段：挂载、渲染、卸载，因此可以把React的生命周期分为两类：挂载卸载过程和更新过程。

5、执行：组件初始渲染(render()被调用前)前调用，仅调用一次。作用：如果这个函数调用的setState改变了组件的某些状态，react会等待setState完成后再渲染组件。

react父子组件生命周期执行顺序

1、React的生命周期从广义上分为三个阶段：挂载、渲染、卸载，因此可以把React的生命周期分为两类：挂载卸载过程和更新过程。

2、componentWillUnmount生命周期在组件被卸载后触发，在此生命周期使用setState不会触发。

3、异步引入时生命周期顺序为：父组件的beforeCreate、created、beforeMount、mounted -- 子组件的beforeCreate、created、beforeMount、mounted 总结：父组件创建，父组件挂载；子组件创建，子组件挂载。

react生命周期是多少?

1、react生命周期是一个组件从生到死的一个过程，react为生命周期提供了一些关键节点，即会被触发的事件，来让组件方便处理各种场景。

2、React的生命周期从广义上分为三个阶段：挂载、渲染、卸载 因此可以把React的生命周期分为两类：挂载卸载过程和更新过程。

3、React组件的生命周期可以分为挂载、渲染和卸载这几个阶段，当渲染后的组件更新后，会重新渲染组件，直到卸载。先分阶段来看看每个阶段有哪些生命周期函数。

React新旧版本对比总结归纳(生命周期篇)

结论react生命周期：对于新生命周期③和④作用基本是一致react生命周期的react生命周期，都是用于封装错误边界，收集边界下后代组件构造函数中发生的错误信息并作出对应处理。不同的是调用时间和返回参数。

render函数会插入jsx生成的dom结构，react会生成一份虚拟dom树，在每一次组件更新时，在此react会通过其diff算法比较更新前后的新旧DOM树，比较以后，找到最小的有差异的DOM节点，并重新渲染。

React13之后React的 Reconciler 架构被重写(Reconciler用于处理生命周期钩子函数和DOM DIFF)，之前版本采用函数调用栈递归同步渲染机制即Stack Reconciler，dom的diff阶段不能被打断，所以不利于动画执行和事件响应。

phase2的生命周期是不可被打断的，React 将其所有的变更一次性更新到DOM上。这里最重要的是phase1这是时期所做的事。因此我们需要具体react生命周期了解phase1的机制。