东方耀 发表于 2016-6-16 10:42:35

8、手把手教React Native实战之ReactJS组件生命周期

#8、手把手教React Native实战之ReactJS组件生命周期

1.创建阶段

getDefaultProps:处理props的默认值 在React.createClass调用


2.实例化阶段

React.render(<HelloMessage 启动之后

getInitialState、componentWillMount、render、componentDidMount

state:组件的属性,主要是用来存储组件自身需要的数据,每次数据的更新都是通过修改state属性的值,ReactJS内部会监听state属性的变化,一旦发生变化的话,就会主动触发组件的render方法来更新虚拟DOM结构

虚拟DOM:将真实的DOM结构映射成一个JSON数据结构

加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码
http://www.reactnative.vip/img/dongfangyao888.jpg

3.更新阶段

主要发生在用户操作之后或父组件有更新的时候,此时会根据用户的操作行为进行相应的页面结构的调整

componentWillReceiveProps、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate

4.销毁阶段

销毁时被调用,通常做一些取消事件绑定、移除虚拟DOM中对应的组件数据结构、销毁一些无效的定时器等工作

componentWillUnmount


##8、配套视频(下载地址)【回复本帖才可见】:**** Hidden Message *****

dq0709 发表于 2016-6-23 20:58:43

xxxxxxxxxxxxxxxx

cristal000o 发表于 2016-6-24 09:01:24

学习学习

libchaos 发表于 2016-6-28 22:31:35

xxxxxxxXXX

quanyajie 发表于 2016-7-4 12:50:11

持续学习中

如是我闻 发表于 2016-7-5 13:48:05

我要看视频8

翔宇 发表于 2016-7-6 10:45:31

学习学习

为梦而战 发表于 2016-7-6 12:07:16

持续学习中~~~~

zhx119 发表于 2016-7-9 13:19:46

好好学习

woshishui1243 发表于 2016-7-10 23:07:15

生命周期很重要
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 8、手把手教React Native实战之ReactJS组件生命周期