react学习系列4 组件生命周期

本文详细介绍了React组件的生命周期,并通过一张清晰的图表展示了各个生命周期方法的调用时机。重点讲解了初始化阶段的变化以及方法前缀的意义,即带有will的方法表示在某个环节之前调用,而带有did的方法则是在该环节之后调用。

组件的生命周期非常重要。官方文档 已经就讲的比较清楚了
找了半天发现下面的图最清晰直观(点击放大):

img_3725fef29fe324715427bc2ba232ca65.png
20160815095219530.png

需要注意几点:

  1. 初始化阶段的getInitialState()方法在es6里的写法中被constructor()取代。详见
  2. 方法中带有前缀 will 的在特定环节之前被调用,而带有前缀 did 的方法则会在特定环节之后被调用。特定环节我的理解就是render方法。
    未完待续

参考:
http://www.jianshu.com/p/c36a0601b00c
https://doc.react-china.org/docs/react-component.html
http://www.cnblogs.com/twobin/p/4949888.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值