收藏 分销(赏)

React-Native生命周期及props及state区别.docx

上传人:仙人****88 文档编号:7239877 上传时间:2024-12-28 格式:DOCX 页数:4 大小:324.93KB 下载积分:10 金币
下载 相关 举报
React-Native生命周期及props及state区别.docx_第1页
第1页 / 共4页
React-Native生命周期及props及state区别.docx_第2页
第2页 / 共4页


点击查看更多>>
资源描述
初始化 getDefaultProps: 组件实例创建前调用,多个实例间共享引用。注意:如果父组件传递过来的Props和你在该函数中定义的Props的key一样,将会被覆盖。 getInitalState: 组件实例创建的时候调用的第一个函数。主要用于初始化state。注意:为了在使用中不出现空值,建议初始化state的时候尽可能给每一个可能用到的值都赋一个初始值。 componentWillMount: 在render前,getInitalState之后调用。仅调用一次,可以用于改变state操作。 render: 组件渲染函数,会返回一个Virtual DOM,只允许返回一个最外层容器组件。render函数尽量保持纯净,只渲染组件,不修改状态,不执行副操作(比如计时器)。 componentDidMount: 在render渲染之后,React会根据Virtual DOM来生成真实DOM,生成完毕后会调用该函数。在浏览器端(React),我们可以通过this.getDOMNode()来拿到相应的DOM节点。然而我们在RN中并用不到,在RN中主要在该函数中执行网络请求,定时器开启等相关操作 运行中 componentWillReceiveProps(nextProps): props改变(父容器来更改),将会调用该函数。新的props将会作为参数传递进来,老的props可以根据this.props来获取。我们可以在该函数中对state作一些处理。注意:在该函数中更新state不会引起二次渲染。 boolean shouldComponentUpdate(object nextProps, object nextState): 该函数传递过来两个参数,新的state和新的props。state和props的改变都会调到该函数。该函数主要对传递过来的nextProps和nextState作判断。如果返回true则重新渲染,如果返回false则不重新渲染。在某些特定条件下,我们可以根据传递过来的props和state来选择更新或者不更新,从而提高效率。 componentWillUpdate(object nextProps, object nextState): 与componentWillMount方法类似,组件上会接收到新的props或者state渲染之前,调用该方法。但是不可以在该方法中更新state和props。 render: 跟初始化的时候功能一样。 componentDidUpdate(object prevProps,object prevState): 和初始化时期的componentDidMount类似,在render之后,真实DOM生成之后调用该函数。传递过来的是当前的props和state。在该函数中同样可以使用this.getDOMNode()来拿到相应的DOM节点。如果你需要在运行中执行某些副操作,请在该函数中完成。 销毁 componentWillUnmount: 组件DOM移除的时候调用。在这里进行一些相关的销毁操作,比如定时器,监听等等
展开阅读全文

开通  VIP会员、SVIP会员  优惠大
下载10份以上建议开通VIP会员
下载20份以上建议开通SVIP会员


开通VIP      成为共赢上传

当前位置:首页 > 教育专区 > 小学其他

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        抽奖活动

©2010-2026 宁波自信网络信息技术有限公司  版权所有

客服电话:0574-28810668  投诉电话:18658249818

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :微信公众号    抖音    微博    LOFTER 

客服