React Native 组件的生命周期

前端之家收集整理的这篇文章主要介绍了React Native 组件的生命周期前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

基础:
props : 组件的不可变属性,props的改变,组件的绘制方法不会被调用
state: 组件的可变属性,用来存储组件自身所需要的数据,React会监听组件的state属性的变化,一旦状态变化,就会调用组件的render方法跟新DOM结构,也就是更新UI。
refs: 上级组件调用下级组件。
虚拟DOM: 将真实的DOM结构映射成一个Json的数据结构。

创建阶段
1、 getDefaultProps

创建组件类的时候,也就是调用React.createClass()的时候。
每次创建组件的时候执行且只执行一次,方式如 reload Js。

用来处理props的默认值。

note :
如果在JS文件中定义了一个组件,但是没有使用它,此组件的getDefaultProps也会被调用
组件内部不允许对props进行修改,只能通过调用她的父组件来修改,也就是从父组件向当前组件进行传值,在组件的内部去使用或展示这个值。

实例化阶段
当组件被调用的时候执行
2、getInitialState
初始化组件的state值,返回值将赋值给this.state。
作用相当于自定义控件的构造函数及成员变量初始化。

3、componentWillMount
组件将要如果到父容器之前需要做的事情。
所以控件展示之前的逻辑处理,应该在这个函数中实现。
作用相当于Fragment生命周期中的onCreate方法

4、render
根据State的值,开始渲染,生成一个虚拟的DOM,并返回。
组件所需的控件及初始值在这里定义。
作用相当于MVVM开发模式中的Xml资源文件

5、componentDidMount
在最初的render方法调用之后立即调用
在这个方法中,父组件可以访问子组件的任意引用。
子组件的componentDidMount方法在父组件的此方法之前调用
网络请求等操作可以在这个方法调用
作用相同与Fragment生命周期中的onViewCreate方法

以上是创建一个组件,及不更新组件数据的情况下的整个生命周期,

更新阶段 6、

原文链接:https://www.f2er.com/react/306933.html

猜你在找的React相关文章