React生命周期各个版本

**

关于React生命周期的浅解

**
15版本的React生命周期
15版本周期1、初始阶段
getDefaultProps:属性初始化
getInitialState:状态初始化
ComponentWillMount:组件预挂载
ComponentDidMount:组件挂载完成,第三方库实例话,请求数据
render:第一次执行render函数,应该是拿不到数据的
componentWillReceiveProps:属性的改变
shouldComponentUpdate:状态改变
componentWillUpdate:组件即将更新
componentDidUpdate:组件更新完成

16版本React生命周期
16版本周期16版本的生命周期中:
1、 React16新的生命周期弃用了componentWillMount、componentWillReceivePorps,componentWillUpdate
2、 新增了getDerivedStateFromProps、getSnapshotBeforeUpdate来代替弃用的三个钩子函数(componentWillMount、componentWillReceivePorps,componentWillUpdate)
3、 React16并没有删除这三个钩子函数,但是不能和新增的钩子函数(getDerivedStateFromProps、getSnapshotBeforeUpdate)混用,React17将会删除componentWillMount、componentWillReceivePorps,componentWillUpdate
4、 新增了对错误的处理(componentDidCatch)

17版本的生命周期

17版本生命周期在17版本中,React会将15周期中componentWillMount、componentWillReceivePorps,componentWillUpdate三个钩子函数弃用

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值