前端工程 · 框架
Hooks
也叫:钩子、React Hooks、useEffect、组合式函数
React 中以 use 开头的一类函数,让函数组件拥有状态、副作用等能力,也能用来封装可复用的逻辑。
详细解释
Hooks 可以理解为给组件插上的「功能插件」:useState 让组件记住数据,useEffect 让组件在显示后或数据变化时做点事(比如请求接口),useRef 用来拿到 DOM 元素。你也可以把常用逻辑写成自定义 Hook,比如 useUserInfo。
Hooks 有两条硬规矩:只能在组件或自定义 Hook 的最顶层调用,不能放进 if 或循环里;名字必须以 use 开头。违反了就会出现奇怪的报错。
新手最常踩的坑是 useEffect 的依赖数组写错,导致接口被反复请求甚至死循环。Vue 里类似的概念叫组合式函数(Composables)。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-hooks- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29