React 18 中 Suspense 在服务端渲染时的行为与纯客户端渲染有什么不同？
围绕“React 18 中 Suspense 在服务端渲染时的行为与纯客户端渲染有什么不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明服务端先发 fallback、就绪后再流式补发真实内容，而客户端 Suspense 只在挂载后切换。
核心关键词React 18 Suspense SSR 行为
面试知识索引 · 分类、标签与搜索
5000 道程序员面试题，每题都有完整答案
程序员面试题库第 74 页，收录第 3651–3700 题，共 5000 道完整解析，覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。
5,000完整问题
52技术分类
178检索标签
100索引分页
快速定位
分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 74 页
本页面试问题
按稳定语义路径排序
- 3651
- 3652
当 React 首屏内容依赖客户端才有的信息（如本地存储、媒体查询）时，如何避免 hydration 不匹配？
围绕“当 React 首屏内容依赖客户端才有的信息（如本地存储、媒体查询）时，如何避免 hydration 不匹配”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出挂载后再二次渲染（mounted 状态）这一模式及其首屏闪烁的取舍。
核心关键词React SSR 客户端专属内容 两阶段渲染 - 3653
React Server Components 中 'use client' 指令标记的是组件还是模块边界，它的真实语义是什么？
围绕“React Server Components 中 'use client' 指令标记的是组件还是模块边界，它的真实”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它声明的是服务端与客户端模块图的边界、被导入的下游模块都算客户端代码。
核心关键词React use client 指令 语义 - 3654
React 的 useActionState 如何配合 Server Action 管理表单提交的 pending 状态与返回结果？
围绕“React 的 useActionState 如何配合 Server Action 管理表单提交的 pending ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它把 action 的返回值与提交中状态接入组件渲染。
核心关键词React useActionState Server Action - 3655
为什么在 React SSR 应用中生成可访问性 id 要用 useId 而不是自增计数器或随机数？
围绕“为什么在 React SSR 应用中生成可访问性 id 要用 useId 而不是自增计数器或随机数”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释 useId 在服务端与客户端生成一致且多根/流式场景不冲突的机制。
核心关键词React useId SSR 稳定 id - 3656
React SSR 已经输出 HTML，为什么还需要 hydration？
解释服务端 HTML 不包含 React 函数闭包和客户端状态，说明 hydration 如何复用已有 DOM 并接管后续更新，同时区分原生链接、表单与 React 事件，以及直接重建 DOM 的代价。
核心关键词React hydration 为什么需要 - 3657
在 React 中如何不修改原数组地向数组中间插入一个元素或删除指定下标的元素？
围绕“在 React 中如何不修改原数组地向数组中间插入一个元素或删除指定下标的元素”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出用 slice 拼接或 filter 完成插入与删除的具体写法及为何不能用 splice。
核心关键词React 数组中间插入删除 slice 不可变 - 3658
在 React 中如何不可变地更新数组里某一个对象元素的字段？
围绕“在 React 中如何不可变地更新数组里某一个对象元素的字段”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出用 map 遍历、仅对目标元素返回新对象、其余元素保持原引用的写法，以及保持未变元素引用对 memo 的意义。
核心关键词React 数组内对象 更新字段 map 不可变 - 3659
更新 React 数组 state 时，push、splice、sort 与 map、filter、slice 的可用性有何区别？
围绕“更新 React 数组 state 时，push、splice、sort 与 map、filter、slice 的可”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按「修改原数组/返回新数组」划分两组方法并给出各操作的正确替代。
核心关键词React 数组 state 不可变方法 push splice map filter - 3660
React 事件处理器中 await 之后再读取 state 拿到的是旧值，如何拿到最新状态？
围绕“React 事件处理器中 await 之后再读取 state 拿到的是旧值，如何拿到最新状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须诊断出异步代码捕获的是发起时那次渲染的快照，并给出函数式更新或 ref 镜像最新值两种修复的取舍。
核心关键词React 异步回调 state 过期 闭包 旧值 - 3661
React 18 的异步自动批处理与 React 17 有什么区别，为什么还要看根 API？
通过 Promise 和定时器内的两个状态更新比较 React 17、React 18 createRoot 与旧入口，说明自动批处理的观察方法和 await 边界。
核心关键词React 18 React 17 异步自动批处理 createRoot - 3662
React 事件里的多个 setState 怎样批处理，为什么不能只数 render 日志？
以两个关联设置的点击更新解释批处理，说明中间状态、不同点击事件边界、严格模式日志与实际提交，并区分性能合并和业务事务。
核心关键词React 事件处理 setState 批处理提交 - 3663
React 中用三元表达式在同一位置渲染两个同类型组件（如条件里都是 <Counter />），为什么 state 会被保留，可能带来什么坑？
围绕“React 中用三元表达式在同一位置渲染两个同类型组件（如条件里都是 <Counter />），为什么 state ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出同位置同类型会被视为同一组件从而复用 state，并给出需要区分时用 key 或不同位置的修复。
核心关键词React 条件渲染 同类型组件 state 保留 - 3664
为什么能从已有 state 或 props 计算出的值，不应该再单独存一份 React state？
围绕“为什么能从已有 state 或 props 计算出的值，不应该再单独存一份 React state”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明冗余 state 会产生两份可能不一致的事实来源、需要在每次更新时手动同步，渲染期间直接计算即可。
核心关键词React 派生状态 derived state 渲染期间计算 - 3665
React flushSync 什么时候有必要，为什么它不会让旧闭包变成新状态？
通过显示输入框后立即聚焦解释 flushSync 的同步 DOM 边界，区分 DOM 已提交与局部 state 快照，并说明额外工作、Effect 和 Suspense 的代价。
核心关键词React flushSync 同步刷新 DOM 使用代价 - 3666
React 什么时候应该用函数式更新，异步任务计数为什么容易出错？
用两个并发保存任务解释函数式更新如何组合加减计数，区分队列中的前一状态与闭包中的其他变量，并说明直接设置确定值仍然合理。
核心关键词React 函数式 updater 异步状态累加 - 3667
想在 React 中临时隐藏一个组件但保留它的 state，有哪些做法、各自取舍是什么？
围绕“想在 React 中临时隐藏一个组件但保留它的 state，有哪些做法、各自取舍是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比 CSS 隐藏（保留 DOM 与 state）与条件渲染（销毁 state），以及把 state 上移到不卸载的父组件的方案。
核心关键词React 隐藏组件 保留 state display none - 3668
为什么使用 Immer（useImmer）后可以直接「修改」draft，却仍然满足 React 的不可变更新要求？
围绕“为什么使用 Immer（useImmer）后可以直接「修改」draft，却仍然满足 React 的不可变更新要求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Immer 通过 Proxy 记录对 draft 的修改并产出带结构共享的新对象、原 state 未被改动。
核心关键词React Immer useImmer draft 原理 - 3669
什么条件下 React 列表用数组下标作为 key 是可以接受的？
围绕“什么条件下 React 列表用数组下标作为 key 是可以接受的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出列表静态不重排、不增删、项为纯展示且子组件无内部 state 这组前提，并说明为何违反任一条就应改用稳定 ID。
核心关键词React index 作为 key 可以接受 条件 - 3670
React 列表用数组下标作为 key，在插入、删除或排序时会出现什么具体问题？
围绕“React 列表用数组下标作为 key，在插入、删除或排序时会出现什么具体问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须诊断出下标随位置变化导致 key 与数据错位、无 key 子组件的 state（如输入框内容）被错误复用到别的行。
核心关键词React index 作为 key 问题 列表 state 错乱 - 3671
React 中同一个组件被渲染两次（页面上两个 <Counter />），为什么它们的 state 互不影响？
围绕“React 中同一个组件被渲染两次（页面上两个 <Counter />），为什么它们的 state 互不影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 state 按树中位置独立存储、组件函数只是模板，并指出把 state 定义在模块级会被共享的反例。
核心关键词React 组件实例 state 独立 隔离 - 3672
React 中把组件移到树中不同的父节点下，即使 key 不变，为什么 state 仍然丢失？
围绕“React 中把组件移到树中不同的父节点下，即使 key 不变，为什么 state 仍然丢失”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 key 只在同一父级的兄弟比较中生效、跨父节点属于不同位置的卸载与新建。
核心关键词React 移动组件 不同父节点 key state 丢失 - 3673
如何利用 React 的 key 在不卸载整个页面的情况下重置某个组件的全部 state？
围绕“如何利用 React 的 key 在不卸载整个页面的情况下重置某个组件的全部 state”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明改变 key 让 React 把其视为新实例并重建 state 树，并给出典型场景（如切换选中项时重置表单）。
核心关键词React key 重置组件 state 重新挂载 - 3674
为什么 React 的 key 只需在兄弟节点间唯一，且子组件内部读不到自己的 key？
围绕“为什么 React 的 key 只需在兄弟节点间唯一，且子组件内部读不到自己的 key”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 key 是 React 用于匹配的保留信息而不传递给组件，需要该值时应另传一个 prop。
核心关键词React key 兄弟唯一 不能作为 prop - 3675
在 React 的组件身份判断中，key 与组件类型分别起什么作用、改变哪一个会重置 state？
围绕“在 React 的组件身份判断中，key 与组件类型分别起什么作用、改变哪一个会重置 state”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明位置+类型+key 共同决定实例身份：类型或 key 任一变化都会重建 state，而 key 仅用于区分同位置同类型的兄弟实例。
核心关键词React 组件身份 key 类型 state 重置 - 3676
React 渲染列表时为什么要求每个元素带 key，React 用 key 做什么？
围绕“React 渲染列表时为什么要求每个元素带 key，React 用 key 做什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 key 让 React 在多次渲染间把新旧子元素一一对应以复用 DOM 与 state，缺 key 时退化为按下标对应。
核心关键词React 列表 key 作用 diff 复用 - 3677
React 中多个相关的值应该用多个 useState 还是合并成一个对象 state，如何取舍？
围绕“React 中多个相关的值应该用多个 useState 还是合并成一个对象 state，如何取舍”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出按「是否总是一起更新、字段数量是否确定」取舍的判断标准，并指出对象 state 每次更新需整体替换的代价。
核心关键词React 多个 useState 还是对象 state 取舍 - 3678
在 React 中直接修改 state 对象的属性（如 user.name = 'x'），为什么界面不会更新？
围绕“在 React 中直接修改 state 对象的属性（如 user.name = 'x'），为什么界面不会更新”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出 React 靠 set 函数触发渲染且用引用比较判断变化，原地修改既不入队也产生不了新引用。
核心关键词React 直接修改 state 对象 不重新渲染 - 3679
React 嵌套对象怎样不可变更新，为什么只写展开运算符还会共享旧引用？
用个人资料中的城市字段解释变更路径复制和结构共享，通过引用比较核对根、父对象、子对象与未变分支，并讨论数组、动态键和深拷贝代价。
核心关键词React 嵌套对象不可变更新浅拷贝陷阱 - 3680
React 的 useState 更新对象时为什么不会自动合并字段，与 class 组件的 this.setState 有何不同？
围绕“React 的 useState 更新对象时为什么不会自动合并字段，与 class 组件的 this.setStat”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出 hook 的 set 函数整体替换状态值、需要手动展开旧对象，而 class 的 setState 对顶层字段做浅合并。
核心关键词React useState 替换 不合并 class setState 浅合并 - 3681
为什么 React 组件重新渲染时 state 不会丢，而从 UI 树中移除后再加回来就丢了？
围绕“为什么 React 组件重新渲染时 state 不会丢，而从 UI 树中移除后再加回来就丢了”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 state 保存在 React 内部并按组件在树中的位置关联而非存在组件函数里，移除即销毁。
核心关键词React state 与 UI 树位置 保留 重置 - 3682
为什么 React 要求组件的渲染过程保持纯净，在渲染中修改 state 或外部变量会有什么问题？
围绕“为什么 React 要求组件的渲染过程保持纯净，在渲染中修改 state 或外部变量会有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明渲染可能被打断、重放或在 Strict Mode 下执行两次，渲染期改动会导致结果不一致，副作用应放到事件或 effect 中。
核心关键词React 组件纯函数 渲染副作用 - 3683
React 组件会在什么情况下重新渲染，修改一个普通局部变量为什么不触发渲染？
围绕“React 组件会在什么情况下重新渲染，修改一个普通局部变量为什么不触发渲染”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列出组件自身 state 更新与父组件重新渲染两类触发源，并说明局部变量在渲染间不被保留所以不参与。
核心关键词React 触发重新渲染 条件 render commit - 3684
React state 设为相同值会跳过什么，Object.is 有哪些容易误判的情况？
解释 useState 的 Object.is 相等判断，区分相同值跳过更新与函数绝不调用，用零、负零和 NaN 展示比较边界，并连接对象状态的引用问题。
核心关键词React setState 相同值 Object.is 跳过更新 - 3685
React 中允许在渲染期间调用本组件 setState 的唯一合理模式是什么？
围绕“React 中允许在渲染期间调用本组件 setState 的唯一合理模式是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出「根据 props 变化在渲染中调整自身 state」的受控模式（存上一次的 props 并条件调用），并说明它替代 effec。
核心关键词React 渲染期间 setState 根据 props 调整 state - 3686
为什么说 React 的 setState 与 dispatch 函数引用是稳定的，这对依赖数组和 props 传递有什么意义？
围绕“为什么说 React 的 setState 与 dispatch 函数引用是稳定的，这对依赖数组和 props 传递”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 React 保证这两个函数跨渲染引用不变，可以安全地从 effect 依赖和 memo 比较中省略或稳定传递。
核心关键词React setState dispatch 引用稳定 依赖数组 - 3687
React state 为什么是渲染快照，setState 后的回调为什么仍读到旧值？
从事件闭包解释 React 状态快照，用一次点击与延时日志区分当前函数里的值和下一次界面状态，并说明快照何时正好符合业务需要。
核心关键词React state 渲染快照旧值闭包 - 3688
为什么 React 的不可变更新习惯与 React.memo、useMemo 的浅比较是配套的？
围绕“为什么 React 的不可变更新习惯与 React.memo、useMemo 的浅比较是配套的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明浅比较依赖「引用变则数据变」的约定，结构共享让未变部分保持引用从而跳过渲染，原地修改会破坏这一约定。
核心关键词React 结构共享 引用比较 memo 不可变更新 - 3689
设计 React 组件的 state 结构时应遵循哪些原则？
围绕“设计 React 组件的 state 结构时应遵循哪些原则”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖完整回答要覆盖合并关联 state、消除冗余与矛盾、避免过深嵌套这几条并各给一句判断依据。
核心关键词React state 结构原则 避免冗余 矛盾 嵌套 - 3690
React 混合直接赋值和函数式 setState 时，更新队列按什么顺序计算？
用四步混合更新推导 React 的替换与 updater 队列，说明闭包值在入队前已经计算、后续替换覆盖中间结果，以及 updater 必须保持纯函数。
核心关键词React state 更新队列直接赋值函数更新顺序 - 3691
什么情况下应该用 React 的 useReducer 替代 useState？
围绕“什么情况下应该用 React 的 useReducer 替代 useState”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出更新逻辑复杂、多个事件产生同类修改、下一状态依赖前状态且跨组件传递 dispatch 更省事的判断标准。
核心关键词React useReducer 替代 useState 场景 - 3692
Redis 的 APPEND 和 GETRANGE 能实现什么字符串操作，有什么实际用途？
围绕“Redis 的 APPEND 和 GETRANGE 能实现什么字符串操作，有什么实际用途”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明追加与按区间读取的能力及日志式追加场景。
核心关键词Redis APPEND GETRANGE 字符串追加截取 - 3693
给 Redis Key 设了过期时间，为什么到期后立刻 GET 偶尔还能拿到或内存没立刻降？
围绕“给 Redis Key 设了过期时间，为什么到期后立刻 GET 偶尔还能拿到或内存没立刻降”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明惰性删除与定期删除导致删除时机不保证精确。
核心关键词Redis 过期不立即删除 延迟 - 3694
Redis 对已设过期时间的 Key 再次 SET 或 EXPIRE，过期时间会怎么处理？
围绕“Redis 对已设过期时间的 Key 再次 SET 或 EXPIRE，过期时间会怎么处理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 SET 覆盖会清除原 TTL 而再次 EXPIRE 是替换式刷新。
核心关键词Redis SET 覆盖 清除 TTL EXPIRE 刷新 - 3695
Redis 的 EXPIRE 和 EXPIREAT 分别适合什么过期语义场景？
围绕“Redis 的 EXPIRE 和 EXPIREAT 分别适合什么过期语义场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分相对存活时长与绝对时间点，例如会话续期与整点失效。
核心关键词Redis EXPIRE EXPIREAT 相对绝对过期 - 3696
Redis 的 GETSET 命令适合什么场景，和先 GET 再 SET 有什么区别？
围绕“Redis 的 GETSET 命令适合什么场景，和先 GET 再 SET 有什么区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 GETSET 原子返回旧值并写入新值、避免竞态。
核心关键词Redis GETSET 原子读旧写新 - 3697
Redis 哈希能只给某个字段设过期时间吗，需要什么版本或替代方案？
围绕“Redis 哈希能只给某个字段设过期时间吗，需要什么版本或替代方案”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Redis 7.4 前只能整 Key 过期、7.4 起有 HEXPIRE，或改用多个字符串 Key。
核心关键词Redis Hash 字段级过期 7.4 - 3698
Redis 哈希底层什么情况下用 listpack，什么时候转成 hashtable？
围绕“Redis 哈希底层什么情况下用 listpack，什么时候转成 hashtable”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出字段数与单字段长度阈值触发转换且转换不可逆。
核心关键词Redis Hash listpack hashtable 编码转换 - 3699
Redis 哈希字段数到几十万后，HGETALL 和单字段操作的开销有什么变化？
围绕“Redis 哈希字段数到几十万后，HGETALL 和单字段操作的开销有什么变化”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明编码转换后单字段仍 O(1) 但 HGETALL 是 O(N) 阻塞风险，应改 HSCAN。
核心关键词Redis Hash 大字段数 HGETALL 阻塞 - 3700
大量小对象用 Redis 哈希聚合存比每个对象一个字符串 Key 省内存吗，为什么？
围绕“大量小对象用 Redis 哈希聚合存比每个对象一个字符串 Key 省内存吗，为什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释小哈希走紧凑编码省去每 Key 元数据开销。
核心关键词Redis Hash 聚合存储 内存优化