React 组件的生命周期是理解组件行为的核心概念，分为 挂载阶段、更新阶段 和 卸载阶段 三大类。以下是关键方法及使用场景：

🔄 挂载阶段（Mounting）

当组件首次渲染时触发，用于初始化数据和操作 DOM：

  • constructor()：初始化状态和绑定方法
  • render()：返回 JSX 结构（核心方法）
  • componentDidMount()：完成挂载后执行（如调用 API）
React_生命周期_挂载

⚙️ 更新阶段（Updating）

当组件接收到新的 props 或状态变化时触发：

  • shouldComponentUpdate()：优化性能（决定是否重新渲染）
  • render()：重新生成 JSX
  • componentDidUpdate()：更新完成后执行（如同步 DOM 操作）
React_生命周期_更新

🛑 卸载阶段（Unmounting）

当组件从 DOM 中移除时触发：

  • componentWillUnmount()：清理资源（如定时器、订阅）
React_生命周期_卸载

📝 使用建议

  1. 避免在 render 中执行副作用（如 API 请求）
  2. useEffect 是现代 React 的推荐方案（替代大部分生命周期方法）
  3. 合理使用 shouldComponentUpdate 优化性能

📘 扩展学习

点击了解 React 生命周期与 hooks 的对比
或前往 React 官方文档 深入阅读