美文网首页
RN 组件的生命周期

RN 组件的生命周期

作者: kled_net | 来源:发表于2018-03-07 10:04 被阅读0次

RN 组件的生命周期大致分为了三个阶段:

  • 第一阶段:绘制组件,完成组件的加载和初始化
  • 第二阶段:组件运行交互阶段。
  • 第三阶段:组件消亡阶段。
    生命周期的回调函数
  1. getDefaultProps 在组件创建之前会调用 getDefaultProps 。
  2. getInitialState 在组件创建并被加载的时候来初始化组件的状态。
  3. componetWillMount 准备加载组件,这个方法在初始化了组件的状态过后,在进行绘制之前进行调用。可以在这个时候做一些初始的操作。这个方法在整个生命周期中只会被调用一次。
  4. componetDidMount 组件在第一次绘制之后,通知组件已经加载完成。在这里已经可以获取组件中的元素了。RN 调用其顺序从子组件想父组件进行的。这个函数被调用一次过后,组件就进入了一个稳定运行的状态了,等待事件触发。
  5. componetWillReceiveProps 组件收到新的 props 的时候调用,在这个函数里面可以根据属性的变化,来更新组件的状态。
  6. shouldComponetUpdate 组件收到新的 props 或者 state 发生改变的时候都会触发这个函数,其返回值为 boolean 型(默认为 true),决定是否更新组件。
  7. componentWillUpdate 如果 shouldComponetUpdate 返回为 true ,就准备开始更新组件,并调用 componentWillUpdate,然后调用 render 来组件。
  8. componentDidUpdate 在调用 render 更新完组件过后,调用 componentDidUpdate 来得到更新完成的通知。
  9. componentWillUnmount 组件将要从界面上移除的时候,在这里一般做一点清理工作。
    参考链接

相关文章

  • 面试-ReactNative相关

    RN组件的生命周期 RN如何优化 Redux 和 MobX 选择 RN与原生通信 RN原理 ES6相关知识

  • React Native学习笔记之组件生命周期

    React Native学习笔记之组件生命周期 单一组件生命周期 首先看一下RN组件生命周期简略说明图 组件初始化...

  • 2018-06-11 RN组件的生命周期

    主题:组件的生命周期 RN组件的props和state 1.属性(props) 它是组件的不可变属性(组件自己不可...

  • ReactNative-组件的生命周期

    一、RN组件的生命周期 概要 组件的生命周期描述了其从生成到消亡所经历的一系列状态。深入理解组件的生命周期及相关回...

  • RN的生命周期

    RN的生命周期 getDefaultProps在组件创建之前,会先调用 getDefaultProps(),这是全...

  • React Native(RN)-组件生命周期

    生命周期简介 像 Android 开发一样,React Native(RN) 中的组件也有生命周期(Lifecyc...

  • React Native组件(二)View组件解析

    相关文章React Native探索系列React Native组件系列 前言 了解了RN的组件的生命周期后,我们...

  • react native面试题

    1、rn相比于原生,有哪些优势 2、rn组件的生命周期 3、rn的缺点有哪些 4、父传子,子传父实现原理 5、如何...

  • React Component(生命周期)

    RN 组件的生命周期如下图: 一、生命周期划分 第一阶段:组件第一次绘制,完成组件的加载和初始化。 第二阶段:组件...

  • ReactNative运行原理分析

    ReactNative运行原理分析 RN的生命周期 可以把组件生命周期大致分为三个阶段: 第一阶段:是组件第一次绘...

网友评论

      本文标题:RN 组件的生命周期

      本文链接:https://www.haomeiwen.com/subject/esodfftx.html