React 组件的生命周期分为三个主要阶段：挂载（Mounting）、更新（Updating） 和 卸载（Unmounting）。每个阶段都有特定的钩子函数，帮助开发者在不同时间点执行逻辑。

📌 挂载阶段（Mounting）

这是组件初次渲染时的阶段，主要方法包括：

  • constructor()：初始化组件状态和绑定方法
  • static getDerivedStateFromProps()：根据props更新state（注意：不推荐频繁使用）
  • render()：返回JSX结构
  • componentDidMount()：完成挂载后执行（如发起网络请求）
React_Lifecycle_Overview

📚 想深入了解组件基础概念？点击这里 查看React组件入门教程

⏱ 更新阶段（Updating）

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

  • shouldComponentUpdate()：决定是否重新渲染
  • static getDerivedStateFromProps()：再次调用（如需）
  • render()：重新生成UI
  • componentDidUpdate(prevProps, prevState)：更新完成后执行

❌ 卸载阶段（Unmounting）

组件从DOM中移除时调用：

  • componentWillUnmount()：清理资源（如定时器、订阅）
React_Lifecycle_Diagram

🔗 想进一步学习React性能优化？查看相关教程