对 React hooks 的理解

React Hooks 是 React 16.8 引入的核心特性，旨在通过函数式组件实现状态管理、副作用处理等类组件能力，同时解决类组件的逻辑复用困难、代码冗余等问题。其核心价值在于 逻辑复用简化、代码结构优化 和 开发体验提升，并通过一系列规则确保稳定性和可维护性。

---

一、Hooks 的设计动机

1. 类组件的痛点

• 逻辑复用困难：高阶组件（HOC）或 Render Props 导致“嵌套地狱”，状态逻辑难以跨组件复用。
• 生命周期分散：关联逻辑被拆分到不同生命周期（如 componentDidMount 和 componentDidUpdate），代码冗余且易遗漏清理操作。
• this 指向问题：类方法需手动绑定 this，或依赖实验性语法（如箭头函数属性）。
• 性能优化限制：类组件编译优化困难，热重载不稳定。

2. 函数式组件的增强

Hooks 允许函数组件拥有状态和副作用处理能力，同时通过 自定义 Hooks 实现逻辑复用，减少代码耦合。

---

二、核心 Hooks 的用法与原理