| 分类 | Hook 名称 | 主要来源 | 解决的核心问题 |
|---|---|---|---|
| 副作用管理 | useRequest |
ahooks |
自动化管理异步数据请求的所有状态 |
useInterval / useTimeout |
两者都有 | 安全、声明式地使用定时器,自动清理 | |
| 状态管理 | useLocalStorageState |
ahooks |
将 state 与 localStorage 自动同步 |
useBoolean / useToggle |
两者都有 | 便捷地管理布尔状态(显示/隐藏) | |
usePrevious |
react-use |
获取上一次渲染时的 props 或 state | |
| UI 交互优化 | useDebounceFn |
ahooks |
函数防抖,用于搜索框等高频输入场景 |
useThrottleFn |
ahooks |
函数节流,用于滚动、拖拽等高频事件 | |
| DOM 与浏览器 | useClickAway |
两者都有 | 监听元素外部的点击事件,用于关闭弹窗 |
useScroll |
两者都有 | 获取页面或元素的滚动位置 | |
| 生命周期 | useUnmount |
两者都有 | 仅在组件卸载时执行清理函数 |