相关文章
React Native探索系列
前言
React Native有很多组件比如Image、ListView等等,想要合理的使用组件,首先要先了解组件的生命周期。
1.概述
无论你是开发Android还是iOS,对于组件的生命周期一定不陌生,这是开发的基础。同样的React Native的组件也有生命周期,当应用启动,React Native在内存中维护着一个虚拟DOM,组件的生命周期就是指组件初始化并挂载到虚拟DOM为起始,到组件从虚拟DOM卸载为终结。生命周期的方法就是组件在虚拟DOM中不同状态的描述。
从上图所示,组件的生命周期分为三个阶段,分别是挂载(mounting)、更新(updating)和卸载(Unmounting),其中挂载和更新阶段都会调用rander方法进行绘制。下面对这三个阶段分别进行讲解。
如果觉得图小可以移步到:http://liuwangshu.cn/rn/component/1-lifecycle.html
2.挂载
挂载指的是组件的实例被创建并插入到DOM中,挂载会调用如下方法。
constructor
constructor是RN组件的构造方法,它在RN组件被加载前先被调用。当我们的组件继承自React.Component时,需要在构造方法中最先调用super(props)
。如果不需要初始化state,则不需要实现构造方法。
在构造方法中初始化state,如下所示。