Hooks
Hooks
前端工程也叫：钩子、React Hooks、useEffect、组合式函数
一句话：React 中以 use 开头的一类函数，让函数组件拥有状态、副作用等能力，也能用来封装可复用的逻辑。
详细解释
Hooks 可以理解为给组件插上的「功能插件」：useState 让组件记住数据，useEffect 让组件在显示后或数据变化时做点事（比如请求接口），useRef 用来拿到 DOM 元素。你也可以把常用逻辑写成自定义 Hook，比如 useUserInfo。
Hooks 有两条硬规矩：只能在组件或自定义 Hook 的最顶层调用，不能放进 if 或循环里；名字必须以 use 开头。违反了就会出现奇怪的报错。
新手最常踩的坑是 useEffect 的依赖数组写错，导致接口被反复请求甚至死循环。Vue 里类似的概念叫组合式函数（Composables）。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
这个页面打开后接口被反复请求，Network 面板里一直在刷新。请检查 useEffect 的依赖数组，说明为什么会反复触发，修复后确保只在页面加载和筛选条件变化时各请求一次。