🎁 React高频面试题
来源：https://w0hog67yl81.feishu.cn/wiki/PLICwMsqwiGkEuk01lWcdTXVn8e
采集状态：已完成正文采集；已滚动到底部并按块及代码行号采集

​
列表
显示设置
上传
新建
名称
所有者
修改时间
第一部分：React 基础与核心思想
方格
2025年9月19日
第二部分：React 状态管理方案
方格
2025年11月3日
第三部分：React Hooks 深度解析
方格
1月28日 12:01
第四部分：React性能优化与新特性
方格
1月28日 12:48
​

第一部分：React 基础与核心思想​

目标：建立扎实的React理论基础，深度理解React的设计哲学​

1.
如何理解 UI = f(state) 这个公式？​

2.
虚拟DOM是什么？它解决了哪些实际问题？​

3.
为什么说 JSX 不仅仅是模板语法，而是一种 JavaScript 的扩展？​

4.
函数组件和类组件的本质区别究竟是什么？​

5.
React 为什么如此强调 Props 的不可变性？​

6.
React 的 Fiber 架构主要是为了解决什么问题？​

7.
React 中的 key 属性有什么作用？它的内部机制是怎样的，最佳实践是什么？​

8.
React 的事件机制和合成事件是如何工作的？​

9.
受控组件和非受控组件有什么区别？应该在什么场景下选择使用它们？​

10.
React 的严格模式 (StrictMode) 有什么作用？​

11.

为什么在 React 开发中，我们总是提倡“组合优于继承”？

​
​

​

第二部分：React 状态管理方案 ​

目标：从局部状态到全局状态，构建完整的状态管理知识体系​

​

11.
React的父子组件如何传递参数？兄弟组件如何传递参数？​

12.
使用 useState 的函数式更新方式能带来哪些好处？​

12.
“状态提升”这种模式有哪些优缺点？它的适用边界在哪里？​

13.
在一个 React 项目中，你会如何进行状态管理方案的选型？​

14.
如何利用 useContext 和 useReducer 来实现一个轻量级的全局状态管理器？​

15.
如何有效优化因 useContext 引起的性能问题？​

16.
和 useState 相比，useReducer 的优势体现在哪里？我们应该如何在这两者之间做选择？​

18.
RTK Query 是如何帮助我们简化数据获取和缓存逻辑的？​

19.
你是否了解像 Zustand、Jotai 这类新兴的状态管理库？它们各自有什么特点？​

20.
为什么说 Immer.js 在现代 Redux 生态中扮演着如此重要的角色？​

21.
像 SWR 或 React Query 这样的库，它们主要解决了什么问题？​

22.
在 React 应用中，有哪些方法可以实现状态的持久化存储？​

23.
你是如何理解 Signals 的？它与 React 现有的状态管理方式有何不同？​

24.

Redux 的中间件（Middleware）机制是如何工作的？

​
​

​

第三部分：React Hooks 深度解析​

目标：从原理到实践，掌握Hooks的正确使用和性能优化​

​

25.
useEffect 的执行时机具体是什么时候？它和 useLayoutEffect 有什么核心区别？​

26.
你能深入剖析一下 useEffect 的依赖项吗？它背后的原理是什么？​

27.
在 useEffect 中，如何正确地处理异步请求并避免竞态条件（Race Condition）？​

28.
什么时候应该使用 useCallback 和 useMemo？如果滥用它们会带来什么后果？​

29.
useRef 有哪些常见的应用场景？它和 useState 的根本区别是什么？​

30.
forwardRef 和 useImperativeHandle 这两个 Hooks 是为了解决什么特定问题而设计的？​

31.
React 18 新增的 useId 解决了什么问题（ SSR 场景下的 ID 冲突、可访问性问题）？​

32.
useTransition 和 useDeferredValue 是如何优化用户体验的？它们之间有什么区别？​

34.
你能详细解释一下 React Hooks 的执行顺序和依赖规则吗？​

​
​

第四部分：React 的最新特性​

35.
 React 18 中的自动批处理 Automatic Batching 如何工作？​

36.
 React 19 中的 Activity 组件与 Suspense 有什么区别？​

37.
 React 19 中的 use Hook 如何简化异步数据处理？​

57. 说一下React 19 对表单处理的改进：useActionState 和 useFormStatus？​

58. React 19 中如何直接在组件中渲染 meta 标签和样式表？​

59. React 19 的 ref 作为 prop 传递有什么优势？​

​

​

​
​

​

本文暂未被其它文档引用