react 生命周期

1、get Default Props
1、获得默认道具
只调用一次,返回的对象可以设置默认图的props值
也可以在挂载组件的时候设置props
var data = [{title: ‘Hello’}];

2、get Initial State
2、得到初始状态
只调用一次,区别getDefaultPops 是对于组件类来说只调用一次,后续该类的应用都不会被调用,而 getInitialState 是对于每个组件实例来讲都会调用,并且只调一次。

每次修改 state,都会重新渲染组件,实例化后通过 state 更新组件,会依次调用双横线下面的1-4方法
修改不要用this.state要用 this,setState方法修改

3、component Will Mount
3、组件将挂载
渲染之前的调用,也是render方法调用之前修改state的最后一次机会

4、render
4,渲染
该方法会创建一个虚拟DOM,用来表示组件的输出。对于一个组件来讲,render方法是唯一一个必需的方法。render方法需要满足下面几点:

1、只能通过 this.props 和 this.state 访问数据(不能修改)
2、可以返回 null,false 或者任何React组件
3、只能出现一个顶级组件,不能返回一组元素
4、不能改变组件的状态
5、不能修改DOM的输出
render方法返回的结果并不是真正的DOM元素,而是一个虚拟的表现,类似于一个DOM tree的结构的对象。react之所以效率高,就是这个原因。

5、component Did Mount
5、组件已挂载
————————————
————————————
componentWillReceiveProps
组件将接收道具
1、should Component Update
1、应更新组件
2、component Will Update
2、组件将更新
3、render
3、渲染
4、component Did Update
组件确实更新了

————————————
component Will Unmount
组件将卸载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值