美文网首页
RN 生命周期

RN 生命周期

作者: 小如99 | 来源:发表于2018-03-07 18:31 被阅读54次

先给一波总结:

Props 属性 相当于OC中的ReadOnly ,只读属性!!
state 状态 每个组件有一个系统的setState方法,用来改变状态,而且会刷新界面!调用Render()函数!!
componentWillMount 相当于OC中的ViewWillAppear

RN的生命周期方法已经执行顺序如下:

componentWillMount() {
    AlertIOS.alert('我要挂啦');
}
render() {
    return (
        <View style={styles.container}>
            {AlertIOS.alert('我要开始渲染了')}
        </View>
    );
}
componentDidMount(){
    AlertIOS.alert('我已经挂啦');
}

由于AlertIOS按顺序只能弹出两个窗口(事件触发无限制),所以只能先屏蔽一个进行测试。
一般我们的网络请求都是在componentDidMount()方法中

再补充一个方法,不是生命周期方法,但是跟生命周期方法很像的componentDidUpdate(),这个方法刷新UI之后调用,第一次加载UI不会调用,

相关文章

  • 面试-ReactNative相关

    RN组件的生命周期 RN如何优化 Redux 和 MobX 选择 RN与原生通信 RN原理 ES6相关知识

  • react native面试题

    1、rn相比于原生,有哪些优势 2、rn组件的生命周期 3、rn的缺点有哪些 4、父传子,子传父实现原理 5、如何...

  • React Native(RN)-组件生命周期

    生命周期简介 像 Android 开发一样,React Native(RN) 中的组件也有生命周期(Lifecyc...

  • React Native组件生命周期

    生命周期 RN的Component如同iOS中ViewController一样,同样具有自己的生命周期,如果大家对...

  • RN的生命周期

    RN的生命周期 getDefaultProps在组件创建之前,会先调用 getDefaultProps(),这是全...

  • RN学习的小笔记

    RN生命周期 在android开发中有生命周期的概念,相当于原有的方法的调用顺序,以下是组件的生命周期 实例化 g...

  • React生命周期及事件详解

    概述 生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期...

  • RN 生命周期

    进入js页面后会显示:WillMountdatetimeDidMountdatetime 在state状态改变后,...

  • RN 生命周期

    先给一波总结: RN的生命周期方法已经执行顺序如下: 由于AlertIOS按顺序只能弹出两个窗口(事件触发无限制)...

  • RN生命周期

    安装的方法 当一个组件的实例被创建并被插入到DOM结构中,按下 constructor -> componentW...

网友评论

      本文标题:RN 生命周期

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