【面试常考】React面试常考知识点:React组件实例的生命周期

Hello!大家好,本文是楼楼总结自己2018年春招和秋招面试,被面试官问到的有关React频率最高的面试题,希望可以为19年参加春招的童鞋提供一些帮助!话不多说,干货来啦~
1.首先,先介绍一下React组件实例是什么?
组件实例是React组件类的实例化对象,它通常被用来管理内部状态、处理生命周期函数。大多数情况下,我们无需直接创建组件实例,React会负责创建它,ReactDOM.render方法返回的结果就是组件实例。除此之外,某些组件方法中的this也指向组件实例。
【【面试常考】React面试常考知识点:React组件实例的生命周期】2.组件实例的生命周期及其生命周期函数
组件实例生命周期,如同生命个体一样,它拥有生命周期,它会经历实例初始化、更新……销毁的过程。
生命周期函数是React组件类中的一些函数钩子,它们在组件渲染、更新、卸载时被调用。
现将生命周期函数及其触发时刻介绍如下:

  • componentWillMount 在渲染前调用。
  • componentDidMount 在第一次渲染后调用。
  • componentWillReceiveProps 在组件接收到一个新的props时被调用。这个方法在第一次渲染时不会被调用。
  • shouldComponentUpdate 返回一个布尔值。在组件接收到新的props或state时被调用。在初始化时或者使用forceUpdate时不被调用。可以在你确认不需要更新组件时使用。
  • componentWillUpdate 在组件接收到新的props或state,但还没有render时被调用。在初始化时不会被调用。
  • componentDidUpdate 在组件完成更新后立即调用。在初始化时不会被调用。
  • componentWillUnmount 在组件从DOM中移除的时候立刻被调用。
注意:切记每个函数钩子的调用时刻,而不是光背函数名 !!!
3.然后给大家发个福利,这可是在网上搜不到的图哦!
【面试常考】React面试常考知识点:React组件实例的生命周期
文章图片

欢迎您的评论!喜欢的话,点个赞鸭!

    推荐阅读