React为什么要使用Hooks

1. 提炼能复用的逻辑 许多组件有相似的状态逻辑,使用自定义 Hook 可以很方便地提取出来复用。
2. 解决复杂组件的可读性问题 使用自定义 Hook 将复杂组件拆分为更小的功能独立的函数,有助于提高代码的可读性。
3. 管理数据更新 使用独立的 Hook 函数来管理数据请求、处理异步逻辑、数据缓存等,易于维护。
4. 分离状态逻辑 自定义 Hook 让函数组件更纯粹,只负责 UI,状态逻辑则交给 Hook。
5. 调用其他 Hook 自定义 Hook 本身还可以调用 useState、useEffect 等其他 React Hook。