跳到主要内容

前端工程 · 框架

Hooks

也叫:钩子、React Hooks、useEffect、组合式函数

React 中以 use 开头的一类函数,让函数组件拥有状态、副作用等能力,也能用来封装可复用的逻辑。

详细解释

Hooks 可以理解为给组件插上的「功能插件」:useState 让组件记住数据,useEffect 让组件在显示后或数据变化时做点事(比如请求接口),useRef 用来拿到 DOM 元素。你也可以把常用逻辑写成自定义 Hook,比如 useUserInfo。

Hooks 有两条硬规矩:只能在组件或自定义 Hook 的最顶层调用,不能放进 if 或循环里;名字必须以 use 开头。违反了就会出现奇怪的报错。

新手最常踩的坑是 useEffect 的依赖数组写错,导致接口被反复请求甚至死循环。Vue 里类似的概念叫组合式函数(Composables)。

开发者信息
术语 ID
eng-hooks
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/29