为了账号安全,请及时绑定邮箱和手机立即绑定

【学习打卡】第4天

标签:
React.JS React

打卡笔记

课程名称:前端校招面试攻略,无惧层层考核,实现Offer零距离

课程章节:第5章 前端框架之react全家桶面试题

主讲老师:freemen

课程内容:

今天学习的内容包括:

React的生命周期

课程收获:

https://img1.sycdn.imooc.com//62ecd07e0001318b17160978.jpg

新旧版本的生命周期都分为挂载,更新,卸载,三个阶段,我们主要看新版本:

挂载阶段:

当组件实例被创建并插入DOM中时,其生命周期调用顺序如下:

  • constructor()

  • static getDerivedStateFromProps()

  • render()

  • componentDidMount(()   

更新阶段:
当组件的props或state发生变化时会触发更新,更新的生命周期调用顺序如下:

  • static getDerivedStateFromProps()

  • shouldComponentUpdate()

  • render()

  • getSnapshotBeforeUpdate()

  • componentDidUpdate()

卸载阶段:

当组件从DOM中移除时会调用如下方法:

componentWillUnmount()


错误处理:(用得非常少)

当渲染过程,生命周期,或子组件的构造函数中抛出错误时会调用如下方法:

  • static getDerivedStateFromError()

  • componentDidCatch()


这是框架的必考知识,有一点抽象,需要多看代码理解



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消