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

Hello!大家好，本文是楼楼总结自己2018年春招和秋招面试，被面试官问到的有关React频率最高的面试题，希望可以为19年参加春招的童鞋提供一些帮助！话不多说，干货来啦~

1.首先，先介绍一下React组件实例是什么？

组件实例是React组件类的实例化对象，它通常被用来管理内部状态、处理生命周期函数。大多数情况下，我们无需直接创建组件实例，React会负责创建它，ReactDOM.render方法返回的结果就是组件实例。除此之外，某些组件方法中的this也指向组件实例。

2.组件实例的生命周期及其生命周期函数

组件实例生命周期，如同生命个体一样，它拥有生命周期，它会经历实例初始化、更新……销毁的过程。

生命周期函数是React组件类中的一些函数钩子，它们在组件渲染、更新、卸载时被调用。

现将生命周期函数及其触发时刻介绍如下：

• componentWillMount 在渲染前调用。
• componentDidMount 在第一次渲染后调用。
• componentWillReceiveProps 在组件接收到一个新的props时被调用。这个方法在第一次渲染时不会被调用。
• shouldComponentUpdate 返回一个布尔值。在组件接收到新的props或state时被调用。在初始化时或者使用forceUpdate时不被调用。可以在你确认不需要更新组件时使用。
• componentWillUpdate 在组件接收到新的props或state，但还没有render时被调用。在初始化时不会被调用。
• componentDidUpdate 在组件完成更新后立即调用。在初始化时不会被调用。
• componentWillUnmount 在组件从DOM中移除的时候立刻被调用。

---

注意：切记每个函数钩子的调用时刻，而不是光背函数名 ！！！

---

3.然后给大家发个福利，这可是在网上搜不到的图哦！

欢迎您的评论！喜欢的话，点个赞鸭！