ReactNative生命周期(初学者的简单认识)

2020-01-12  本文已影响0人  顺其自然2017

一、生命周期概述

(1)生命周期:一个事物从出生到死亡的整个过程,周而复始

(2)RN生命的契机:

        1.props 初始化数据,外部定制,常用于数据的传递,来源于自身getDefaultProps或者父类或者redux

        2.state  初始化数据,内部定制,相当于类的成员变量,自身getInitalState,setState

(3)生命周期流程(加载、运行、卸载)

生命周期图

1.加载

加载时调用函数及含义

2.运行

运行时调用函数及含义

3.卸载

卸载时调用函数及含义

二、数据的传递与刷新

        对于RN数据的传递与刷新,万变不离其宗,不管是redux还是事件的回调亦或是数据的正向传递都离不开props,而数据的刷新测多于state和props相关。

(1)RN数据的正向传递(即父组件向子组件传递数据)

        1.视图初始化的时候赋值给子组件的props属性

        2.使用ref控制子组件,调用setNativeProps函数设置props属性

        3.使用ref控制子组件调用子组件带参函数传递数据

        4.RN数据共建,redux的使用

(2)RN数据的逆向传递

        1.借助子组件初始化时的props属性传入带参回调函数进行数据的逆向传递

        2.RN数据共建,redux的使用

上一篇下一篇

猜你喜欢

热点阅读