React 生命周期是 React 组件在挂载和更新过程中的一系列生命周期方法。了解生命周期可以帮助开发者更好地掌控组件的行为。以下是一些常用的生命周期方法:

挂载阶段

  1. componentDidMount()

    • 组件已挂载到 DOM 上后调用
    • 通常用于获取外部数据、绑定事件等
  2. componentDidUpdate()

    • 组件更新后调用
    • 通常用于处理数据更新后的操作

更新阶段

  1. componentWillUpdate()

    • 组件接收到新的 props 或 state 并即将更新时调用
    • 可以返回一个布尔值,用于阻止更新
  2. componentWillUnmount()

    • 组件即将卸载时调用
    • 通常用于清理工作,如解绑事件、取消订阅等

生命周期函数图示

![React 生命周期](https://cloud-image.ullrai.com/q/React_Lifecycle Diagram/)

更多信息,请参考我们的 React 入门教程