react-native--生命周期

本文详细介绍了React-Native组件的生命周期,包括三个主要阶段:首次绘制、运行交互和卸载消亡。重点讲解了各个阶段的关键回调函数,如componentWillMount、componentDidMount、componentWillReceiveProps等,以及在何时可以安全地更新组件状态。
摘要由CSDN通过智能技术生成

一:
这里写图片描述

二:如图,可以把生命周期大致分为三个阶段
第一阶段:组件第一次绘制
第二阶段:组件运行和交互
第三阶段:组件卸载和消亡阶段

三:生命周期回调函数详解
-1:getDefaultProps():
在组件创建之前,会先调用一次本方法,全局调用一次。严格来说,这不是组件声明周期的一部分,在组件被创建并加载的时候,首先调用getInitialState()来初始化组件的状态;

-2:componentWillMount():
调用时机是在组件创建,并初始化了状态之后,在第一次绘制render()调用;在整个生命周期中,只被调用一次;

-3:componentDidMount():
在组件第一次绘制之后,会调用本方法通知组件已经加载完成;从这个函数开始,就可以和js进行交互了;本函数也是会被调用一次,调用完成之后,就进入稳定运行状态,等待事件触发;

-4:componentWillReceiveProps():
如果组件收到新的属性(props),会调用本方法;输入参数nextProps是即将被设置的属性,旧的属性还是可以通过this.props来获取。在本函数可以根据属性的变化,通过调用this.setState()来更新组件状态,这里的更新是安全的,不会出发额外的 render()ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值