美文网首页
ReactNative生命周期(初学者的简单认识)

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

作者: 顺其自然2017 | 来源:发表于2020-01-12 21:13 被阅读0次

    一、生命周期概述

    (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的使用

    相关文章

      网友评论

          本文标题:ReactNative生命周期(初学者的简单认识)

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