设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

楼主: 东方耀

[视频教程] 8、手把手教React Native实战之ReactJS组件生命周期

  [复制链接]

0

主题

46

帖子

116

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
116
发表于 2016-8-24 00:11:14 | 显示全部楼层
cf7f1 cf7f cf7f cf7f cf7f
回复 支持 反对

使用道具 举报

0

主题

19

帖子

42

积分

新手上路

Rank: 1

积分
42
发表于 2016-8-25 17:46:40 | 显示全部楼层

#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)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码


3.更新阶段

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

componentWillReceiveProps、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate

4.销毁阶段

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

componentWillUnmount
回复 支持 反对

使用道具 举报

0

主题

11

帖子

26

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
26
发表于 2016-8-25 21:02:09 | 显示全部楼层
开始RN之路8
回复 支持 反对

使用道具 举报

0

主题

5

帖子

20

积分

新手上路

Rank: 1

积分
20
发表于 2016-8-25 22:37:17 | 显示全部楼层
支持支持哈
回复 支持 反对

使用道具 举报

0

主题

52

帖子

106

积分

注册会员

Rank: 2

积分
106
发表于 2016-8-26 12:15:27 | 显示全部楼层
学习学习
回复

使用道具 举报

1

主题

53

帖子

119

积分

注册会员

Rank: 2

积分
119
发表于 2016-8-26 13:37:26 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

16

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 2016-8-26 17:01:53 | 显示全部楼层
很棒的教程
回复 支持 反对

使用道具 举报

0

主题

12

帖子

32

积分

新手上路

Rank: 1

积分
32
发表于 2016-8-27 17:41:20 | 显示全部楼层
手把手教React Native实战之ReactJS组件生命周期
回复 支持 反对

使用道具 举报

5

主题

120

帖子

323

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
323
发表于 2016-8-29 10:00:04 | 显示全部楼层
学习学习学习学习学习饿
回复 支持 反对

使用道具 举报

0

主题

10

帖子

26

积分

新手上路

Rank: 1

积分
26
发表于 2016-8-29 22:15:41 | 显示全部楼层
React Native
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-6-22 13:12 , Processed in 0.151895 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表