📌 什么是组件生命周期？

React 组件生命周期是指组件从创建、渲染、更新到销毁的全过程。React 16.3 引入了新的 React.Component API，将生命周期分为三个阶段：

  1. 挂载阶段（Mounting）

    • constructor()
    • render()
    • componentDidMount()
    React_component_lifecycle

  2. 更新阶段（Updating）

    • shouldComponentUpdate()
    • render()
    • componentDidUpdate()
    updating_phase

  3. 卸载阶段（Unmounting）

    • componentWillUnmount()
    unmounting_phase

🧠 生命周期方法详解

阶段 方法 说明
挂载 constructor(props) 初始化状态和绑定事件
挂载 render() 返回 JSX 结构
挂载 componentDidMount() DOM 渲染完成后执行，适合发起网络请求

⚠️ 注意：componentWillUnmount 是唯一在卸载阶段调用的方法，用于清理资源（如定时器、事件监听）。

📘 扩展阅读

想深入了解 React 生命周期的高级用法？可以参考 React 官方文档 - 生命周期 或者 React 组件性能优化 文章。

📌 生命周期钩子使用场景

  • 挂载阶段：初始化数据、设置状态、订阅事件
  • 更新阶段：判断是否需要重新渲染、更新数据
  • 卸载阶段：停止数据请求、移除事件监听

🔄 如果你发现组件频繁重渲染，可以尝试使用 shouldComponentUpdate 优化性能。