【React学习】React组件生命周期

1. 介绍

在 React 中，组件的生命周期是指组件从被创建到被销毁的整个过程。React框架提供了一系列生命周期方法，在不同的生命周期方法中，开发人员可以执行不同的操作，例如初始化状态、数据加载、渲染、更新等。一个组件的生命周期大致可以分为三个阶段，即组件挂载时，更新时和卸载时。在不同的阶段，会调用相应的生命周期方法。

2. 常用生命周期方法

• constructor(props)
  constructor方法是组件的构造函数，它在组件被创建的时候调用。通常用来初始化组件的状态和绑定事件处理函数。
• render()
  render方法是类组件中唯一必须实现的方法。它返回一个React元素，描述了组件的外观，render方法是纯函数，不应该进行任何副作用操作。
• componentDidMount()
  组件已经被渲染到 DOM 后调用。在这个方法中，通常进行数据的获取、订阅事件、启动定时器等副作用操作。
• componentDidUpdate()
  componentDidUpdate方法是在组件已经更新后被调用。在这里可以进行 DOM 操作、网络请求等。通常会比较前后 props 和状态，做出相应的处理。
• componentWillUnmount()
  组件将要被销毁时调用。在这里进行清理操作，如取消订阅、清除定时器、清理资源等。