1 / 4
文档名称:

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

格式:docx   大小:324KB   页数:4页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

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

上传人:mh900965 2017/12/17 文件大小:324 KB

下载得到文件列表

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

文档介绍

文档介绍:初始化
getDefaultProps:
组件实例创建前调用,多个实例间共享引用。注意:如果父组件传递过来的Props和你在该函数中定义的Props的key一样,将会被覆盖。
getInitalState:
组件实例创建的时候调用的第一个函数。主要用于初始化state。注意:为了在使用中不出现空值,建议初始化state的时候尽可能给每一个可能用到的值都赋一个初始值。
componentWillMount:
在render前,getInitalState之后调用。仅调用一次,可以用于改变state操作。
render:
组件渲染函数,会返回一个Virtual DOM,只允许返回一个最外层容器组件。render函数尽量保持纯净,只渲染组件,不修改状态,不执行副操作(比如计时器)。
componentDidMount:
在render渲染之后,React会根据Virtual DOM来生成真实DOM,生成完毕后会调用该函数。在浏览器端(React),()来拿到相应的DOM节点。然而我们在RN中并用不到,在RN中主要在该函数中执行网络请求,定时器开启等相关操作
运行中
componentWillReceiveProps(nextProps):
props改变(父容器来更改),将会调用该函数。新的props将会作为参数传递进来,老的
。我们可以在该函数中对state作一些处理。注意:在该函数中更新state不会引起二次渲染。
boolean ponentUpdate(object nextProps, object nextState):
该函数传递过来两个参数,新的state和新的props。state和props的改变都会调到该函数。该函数主要对传递过来的nextProps和nextState作判断。如果返回true则重新渲染,如果返回false则不重新渲染。在某些特定条件下,我们可以根据传递过来的props和state来选择更新或者不更新,从而提高效率。
componentWillUpdate(o