ReactNative学习笔记(四)组件的生命周期

22人阅读 评论(0) 收藏 举报
分类:

       今天跟着CrazyCodeBoy老师的视频(ReactNative基础与入门教程)学习的,如果大家觉得看视频讲的慢,浪费时间的话,调成1.25倍速播放就可以。个人有点强迫症,想要学得更系统一点,就跟着视频来,也可以掌握一些更细小的知识。

       总结下今天学得主要内容:

        一,组件的生命周期


    说几个比较重要的方法:

    constructor():一般在构造函数中初始化state;

    componentDidMount():该方法在render()方法后自动调用,网络请求一般放在这个方法中

    shouldComponentUpdate():该方法返回一个boolean值,用来决定是否需要重新渲染组件,默认返回true,你可以自己重写此方法,通过条件判断来决定你是否需要更新组件

     componentWillUnmount():在组件被移除前调用,在该方法中,释放一些不需要的资源,比如停止定时器

二,学习了3种定义组件的方法

       1,ES6方式定义,也就是现在最常用的方法,通过继承Component,目前也比较推荐该方法

       2,ES5方式定义,看视频是可以的,但是我自己写的时候,在运行时报错,尚未找到原因,所以就不贴代码了,我搞明白了后再补充

      3,通过函数式的方法来定义。这种方式定义出来的组件是无状态的,即没有state,也不能使用this,因为没有this指针。而且因为它本身就是一个函数,所以组件没有完整意义的生命周期方法

        

  参考:

  React-Native之React速学教程-(中)

          


查看评论

ReactNative开发——组件的生命周期

ReactNative开发——组件的生命周期使用ES6语法创建Component我查看了下网上有关React Native中组件的生命周期有关的资料,发现大多介绍的是 ReactClass.creat...
  • a992036795
  • a992036795
  • 2017-06-06 14:23:00
  • 1313

Android React Native组件的生命周期

和Android一样,React的组件也有对应的生命周期。Android React Native组件的生命周期可以总的概括为下面这一张图。可以把组件生命周期大致分为三个阶段: 第一阶段:是组件第一次...
  • sbsujjbcy
  • sbsujjbcy
  • 2015-11-19 13:15:55
  • 4853

React-Native生命周期的触发场景和一些小建议

转载请注明出处:王亟亟的大牛之路把王者荣耀删了后这几天回到了举铁,遛鸟,打球,睡觉的正常节奏,然后卡了看之前写的一些东西,发现生命周期没写,那么就补一篇(虽然搜搜一大堆,但是残缺总不合适,再加点建议点...
  • ddwhan0123
  • ddwhan0123
  • 2017-11-09 17:54:25
  • 1917

React Native 组件的生命周期

一、生命周期流程图下面是通过ProcessOn绘制的React Native组件生命周期流程图,可以先大致看一下,有一个初步的概念,下文会详情介绍。二、基础巩固props 组件的不可变属性,在组件...
  • u013531824
  • u013531824
  • 2016-04-07 01:19:14
  • 4042

React Native生命周期整理

整理的React Native的生命周期。
  • violetjack0808
  • violetjack0808
  • 2016-05-11 22:16:05
  • 1007

React Native组件生命周期

概述所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解空间的生命周期,是开发中必须掌握的一个知识点。就像 Android 开发中组件 一样,React Native的组件也有生命周期(L...
  • xiangzhihong8
  • xiangzhihong8
  • 2017-01-08 23:11:16
  • 3460

React Native 中 component 生命周期

React Native中的component跟Android中的activity,fragment等一样,存在生命周期,下面先给出component的生命周期图getDefaultPropsobje...
  • ElinaVampire
  • ElinaVampire
  • 2016-07-03 03:48:00
  • 58241

ReactNative中组件的生命周期

React-Native生命周期开发中组件免不了要与用户互动,React 的一大创新,就是将组件看成是一个状态机,一开始有一个初始状态,然后用户互动,导致状态变化,从而触发重新渲染 UI。下图为Rea...
  • hejiasu
  • hejiasu
  • 2018-01-05 13:49:35
  • 56

ReactNative组件生命周期

实例化 首次实例化 getDefaultPropsgetInitialStatecomponentWillMountrendercomponentDidMount 实例化完成后的更新...
  • rn_android_lf
  • rn_android_lf
  • 2017-01-19 11:44:55
  • 146

ReactNative – 组件的生命周期

ReactNative – 组件的生命周期如同Android的Activity一样,React中的组件也有自己的生命周期。首先看下面这张图: * 上面第一个虚线框内是React组件被绘制的阶段,...
  • yangysng07
  • yangysng07
  • 2016-05-15 14:27:09
  • 1780
    个人资料
    等级:
    访问量: 604
    积分: 156
    排名: 110万+
    文章分类
    文章存档