React Hooks是现代React开发的基石，自16.8版本引入后已成为行业标准。字节、腾讯、阿里等大厂前端面试必考Hooks，考察重点不仅是API用法，更是底层原理和常见陷阱的理解深度。
先解释Hooks的本质：让函数组件拥有状态和生命周期能力的函数，替代了类组件的复杂模式。
讲核心Hooks：useState管理状态、useEffect处理副作用（数据获取、订阅、DOM操作）、useRef保存可变引用。
强调Hooks规则：只能在函数组件或自定义Hook顶层调用，不能在循环、条件判断、嵌套函数中调用——因为React靠调用顺序来匹配Hook和状态。
讲性能优化Hooks：useMemo缓存计算结果、useCallback缓存函数引用，避免子组件不必要的重渲染。
介绍自定义Hooks：将可复用的有状态逻辑提取为useXxx函数，实现跨组件的逻辑复用。
React Hooks的底层实现基于链表结构。每个组件实例维护一个hooks链表，组件每次渲染时按顺序执行各个hook，通过索引匹配对应的状态。这就是为什么hooks必须在顶层调用、不能放在条件语句中——一旦顺序变了，状态就会错乱。useState返回状态值和更新函数，调用setter后React会将更新加入队列并批量处理（React 18默认所有更新都自动批处理）。useEffect在DOM渲染后异步执行，依赖数组控制执行时机：空数组相当于componentDidMount，不传则每次渲染都执行。返回的清理函数在下次effect执行前和组件卸载时调用。最常见的陷阱是闭包问题：useEffect内部捕获的是当次渲染时的state值，不是最新值。解决方案包括把依赖加入依赖数组、使用useRef保存最新值、或使用setState的函数形式。useRef创建的对象在组件整个生命周期内保持同一引用，修改.current不会触发重渲染，适合存储定时器ID、DOM引用、前一次渲染的值等。性能优化方面，useMemo缓存计算结果，useCallback缓存函数引用，两者都接受依赖数组。但不应该滥用——每个memo都有比较依赖的开销，只在确实有性能问题时才使用。自定义Hook是Hooks最强大的特性，比如useDebounce、useFetch、useLocalStorage等，通过组合基础Hooks实现复杂逻辑，并可跨组件复用。React 18新增了useTransition用于标记非紧急更新，useDeferredValue延迟处理低优先级渲染。
useEffect的依赖数组是面试重灾区——一定要理解缺少依赖导致的闭包陷阱和无限循环。
不要对所有函数和值都使用useMemo/useCallback——过度优化反而降低性能和可读性。
准备一个自定义Hook的实际例子（如useDebounce），展示你的实战经验。
面试时如果忘了某个Hook的参数或行为，即答侠可以实时提供准确的API信息。
useEffect在DOM绘制之后异步执行，不阻塞渲染。useLayoutEffect在DOM变更后、浏览器绘制前同步执行，适合需要读取DOM布局信息或防止闪烁的场景。
三种方式：1）将变量加入依赖数组；2）使用useRef保存最新值；3）使用setState的函数形式(prev => prev + 1)，不依赖外部变量。
在React 18之前，只有事件处理函数中的setState会批处理。React 18中，所有更新（包括setTimeout、Promise中的）都会自动批处理，减少不必要的重渲染。