什么是react生命周期和生命周期钩子函数?

1、组件的每次更新都会执行此钩子函数， 通过参数可以拿到更新前的props和state render函数会插入jsx生成dom结构。

2、所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。

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

4、React的生命周期图：constructor()中完成了React数据的初始化，它接受两个参数：props和context，当想在函数内部使用这两个参数时，需使用super()传入这两个参数。

react新的生命周期函数getDerivedStateFromProps

1、取而代之的是使用全新的两个生命周期函数： getDerivedStateFromProps 和 getSnapshotBeforeUpdate 。

2、这个生命周期函数是为了替代componentWillReceiveProps存在的，所以在你需要使用componentWillReceiveProps的时候，就可以考虑使用getDerivedStateFromProps来进行替代。

3、static getDerivedStateFromProps(props， state) { return { user： props.user }； }这样就实现了UserInput每次接收新的props的时候自动更新state。但是这种实现方式是有问题的。

4、在react 类组件的生命周期中，有一个静态 *** getDerivedStateFromProps ，曾经让我使用起来比较困惑。先来看看官方是怎么解释这个 *** 的：在一个class中定义的字段，我们称之为实例字段。

5、shouldComponentUpdate返回true，则进入改流程 组件的每次更新都会执行此钩子函数， 通过参数可以拿到更新前的props和state render函数会插入jsx生成dom结构。

6、getDefaultProps在组件创建之前，会先调用 getDefaultProps()，这是全局调用一次，严格地来说，这不是组件的生命周期的一部分。在组件被创建并加载候，首先调用 getInitialState()，来初始化组件的状态。

react生命周期

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

react生命周期：指的是一个React组件在创建到销毁经过的一系列过程，基本可以分为挂载、更新和卸载三个周期（可能表述不太精准）。

所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。

取而代之的是使用全新的两个生命周期函数： getDerivedStateFromProps 和 getSnapshotBeforeUpdate 。

可用于性能优化（部分更新） 在setState后， state发生变化， return false时可以阻止组件更新。

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

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

2、更新dom执行顺序如下 修改父组件的state 修改子组件的state 完成前的顺序是从根部到子部，完成时是从子部到根部。(类似于事件机制) 子组件setState是不能触发其父组件的生命周期更新函数，只能触发更低一级别的生命周期更新函数。

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

4、父子组件的执行顺序为：父组件beforeCreated -父组件created -父组件beforeMounted -子组件beforeCreated -子组件created -子组件beforeMounted -子组件mounted - 父组件mounted。

5、render和use Effect的执行顺序如下：可以简单看作是componentDidMount、componentDidUpdate和componentWillUnmount的组合react保证了每次运行effect的同时，DOM都已经更新完毕。故而在hooks写法的react父子组件中，useEffect的执行顺序是。

理解React:Fiber架构和新旧生命周期

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

此过程，React 在 workingProgressTree （并不是真实的virtualDomTree）上复用 current 上的 Fiber 数据结构来一步地（通过requestIdleCallback）来构建新的 tree，标记处需要更新的节点，放入队列中。

React Fiber是react执行渲染时的一种新的调度策略，JavaScript是单线程的，一旦组件开始更新，主线程就一直被React控制，这个时候如果再次执行交互操作，就会卡顿。

ReactNative组件的生命周期多长

1、NativeApp开发模式的劣势主要是：开发周期长，两套独立的知识体系复杂且学习成本高，依赖操作系统而无法进行跨平台开发，APP版本升级繁琐需要重新把源文件编译打包再由用户下载覆盖安装。

2、那么接下来我们将逐一的了解，React Native中的每一个组件师兄，剖析他们的构成以及属性。咱们还是老套路直奔主题，上干货。

3、UI的描述和呈现分离开了 Javascript在react native里面非常重要 React Native它可不一样 React Native组件结构 在一定程度上，React Native和Node *** 有异曲同工之妙。

4、可扩展性：由于其灵活的结构和可扩展性，React已被证明对大型应用程序更好。不断发展： React得到了Facebook专业开发人员的支持，他们不断寻找改进 *** 。

react生命周期的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于react生命周期详解、react生命周期的信息别忘了在本站进行查找喔。