在 React 中如何不修改原数组地向数组中间插入一个元素或删除指定下标的元素？
围绕“在 React 中如何不修改原数组地向数组中间插入一个元素或删除指定下标的元素”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出用 slice 拼接或 filter 完成插入与删除的具体写法及为何不能用 splice。
核心关键词React 数组中间插入删除 slice 不可变
面试知识索引 · 分类、标签与搜索
状态与渲染专题面试题，35 道完整答案
状态与渲染专题面试题第 1 页，显示第 1–35 题，共找到 35 道完整解析，可继续按分类、标签与关键词缩小范围。
35筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
网络协议111测试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异步与 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
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
在 React 中如何不可变地更新数组里某一个对象元素的字段？
围绕“在 React 中如何不可变地更新数组里某一个对象元素的字段”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出用 map 遍历、仅对目标元素返回新对象、其余元素保持原引用的写法，以及保持未变元素引用对 memo 的意义。
核心关键词React 数组内对象 更新字段 map 不可变 - 0003
更新 React 数组 state 时，push、splice、sort 与 map、filter、slice 的可用性有何区别？
围绕“更新 React 数组 state 时，push、splice、sort 与 map、filter、slice 的可”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按「修改原数组/返回新数组」划分两组方法并给出各操作的正确替代。
核心关键词React 数组 state 不可变方法 push splice map filter - 0004
React 事件处理器中 await 之后再读取 state 拿到的是旧值，如何拿到最新状态？
围绕“React 事件处理器中 await 之后再读取 state 拿到的是旧值，如何拿到最新状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须诊断出异步代码捕获的是发起时那次渲染的快照，并给出函数式更新或 ref 镜像最新值两种修复的取舍。
核心关键词React 异步回调 state 过期 闭包 旧值 - 0005
React 18 的异步自动批处理与 React 17 有什么区别，为什么还要看根 API？
通过 Promise 和定时器内的两个状态更新比较 React 17、React 18 createRoot 与旧入口，说明自动批处理的观察方法和 await 边界。
核心关键词React 18 React 17 异步自动批处理 createRoot - 0006
React 事件里的多个 setState 怎样批处理，为什么不能只数 render 日志？
以两个关联设置的点击更新解释批处理，说明中间状态、不同点击事件边界、严格模式日志与实际提交，并区分性能合并和业务事务。
核心关键词React 事件处理 setState 批处理提交 - 0007
React 中用三元表达式在同一位置渲染两个同类型组件（如条件里都是 <Counter />），为什么 state 会被保留，可能带来什么坑？
围绕“React 中用三元表达式在同一位置渲染两个同类型组件（如条件里都是 <Counter />），为什么 state ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出同位置同类型会被视为同一组件从而复用 state，并给出需要区分时用 key 或不同位置的修复。
核心关键词React 条件渲染 同类型组件 state 保留 - 0008
为什么能从已有 state 或 props 计算出的值，不应该再单独存一份 React state？
围绕“为什么能从已有 state 或 props 计算出的值，不应该再单独存一份 React state”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明冗余 state 会产生两份可能不一致的事实来源、需要在每次更新时手动同步，渲染期间直接计算即可。
核心关键词React 派生状态 derived state 渲染期间计算 - 0009
React flushSync 什么时候有必要，为什么它不会让旧闭包变成新状态？
通过显示输入框后立即聚焦解释 flushSync 的同步 DOM 边界，区分 DOM 已提交与局部 state 快照，并说明额外工作、Effect 和 Suspense 的代价。
核心关键词React flushSync 同步刷新 DOM 使用代价 - 0010
React 什么时候应该用函数式更新，异步任务计数为什么容易出错？
用两个并发保存任务解释函数式更新如何组合加减计数，区分队列中的前一状态与闭包中的其他变量，并说明直接设置确定值仍然合理。
核心关键词React 函数式 updater 异步状态累加 - 0011
想在 React 中临时隐藏一个组件但保留它的 state，有哪些做法、各自取舍是什么？
围绕“想在 React 中临时隐藏一个组件但保留它的 state，有哪些做法、各自取舍是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比 CSS 隐藏（保留 DOM 与 state）与条件渲染（销毁 state），以及把 state 上移到不卸载的父组件的方案。
核心关键词React 隐藏组件 保留 state display none - 0012
为什么使用 Immer（useImmer）后可以直接「修改」draft，却仍然满足 React 的不可变更新要求？
围绕“为什么使用 Immer（useImmer）后可以直接「修改」draft，却仍然满足 React 的不可变更新要求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Immer 通过 Proxy 记录对 draft 的修改并产出带结构共享的新对象、原 state 未被改动。
核心关键词React Immer useImmer draft 原理 - 0013
什么条件下 React 列表用数组下标作为 key 是可以接受的？
围绕“什么条件下 React 列表用数组下标作为 key 是可以接受的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出列表静态不重排、不增删、项为纯展示且子组件无内部 state 这组前提，并说明为何违反任一条就应改用稳定 ID。
核心关键词React index 作为 key 可以接受 条件 - 0014
React 列表用数组下标作为 key，在插入、删除或排序时会出现什么具体问题？
围绕“React 列表用数组下标作为 key，在插入、删除或排序时会出现什么具体问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须诊断出下标随位置变化导致 key 与数据错位、无 key 子组件的 state（如输入框内容）被错误复用到别的行。
核心关键词React index 作为 key 问题 列表 state 错乱 - 0015
React 中同一个组件被渲染两次（页面上两个 <Counter />），为什么它们的 state 互不影响？
围绕“React 中同一个组件被渲染两次（页面上两个 <Counter />），为什么它们的 state 互不影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 state 按树中位置独立存储、组件函数只是模板，并指出把 state 定义在模块级会被共享的反例。
核心关键词React 组件实例 state 独立 隔离 - 0016
React 中把组件移到树中不同的父节点下，即使 key 不变，为什么 state 仍然丢失？
围绕“React 中把组件移到树中不同的父节点下，即使 key 不变，为什么 state 仍然丢失”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 key 只在同一父级的兄弟比较中生效、跨父节点属于不同位置的卸载与新建。
核心关键词React 移动组件 不同父节点 key state 丢失 - 0017
如何利用 React 的 key 在不卸载整个页面的情况下重置某个组件的全部 state？
围绕“如何利用 React 的 key 在不卸载整个页面的情况下重置某个组件的全部 state”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明改变 key 让 React 把其视为新实例并重建 state 树，并给出典型场景（如切换选中项时重置表单）。
核心关键词React key 重置组件 state 重新挂载 - 0018
为什么 React 的 key 只需在兄弟节点间唯一，且子组件内部读不到自己的 key？
围绕“为什么 React 的 key 只需在兄弟节点间唯一，且子组件内部读不到自己的 key”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 key 是 React 用于匹配的保留信息而不传递给组件，需要该值时应另传一个 prop。
核心关键词React key 兄弟唯一 不能作为 prop - 0019
在 React 的组件身份判断中，key 与组件类型分别起什么作用、改变哪一个会重置 state？
围绕“在 React 的组件身份判断中，key 与组件类型分别起什么作用、改变哪一个会重置 state”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明位置+类型+key 共同决定实例身份：类型或 key 任一变化都会重建 state，而 key 仅用于区分同位置同类型的兄弟实例。
核心关键词React 组件身份 key 类型 state 重置 - 0020
React 渲染列表时为什么要求每个元素带 key，React 用 key 做什么？
围绕“React 渲染列表时为什么要求每个元素带 key，React 用 key 做什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 key 让 React 在多次渲染间把新旧子元素一一对应以复用 DOM 与 state，缺 key 时退化为按下标对应。
核心关键词React 列表 key 作用 diff 复用 - 0021
React 中多个相关的值应该用多个 useState 还是合并成一个对象 state，如何取舍？
围绕“React 中多个相关的值应该用多个 useState 还是合并成一个对象 state，如何取舍”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出按「是否总是一起更新、字段数量是否确定」取舍的判断标准，并指出对象 state 每次更新需整体替换的代价。
核心关键词React 多个 useState 还是对象 state 取舍 - 0022
在 React 中直接修改 state 对象的属性（如 user.name = 'x'），为什么界面不会更新？
围绕“在 React 中直接修改 state 对象的属性（如 user.name = 'x'），为什么界面不会更新”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出 React 靠 set 函数触发渲染且用引用比较判断变化，原地修改既不入队也产生不了新引用。
核心关键词React 直接修改 state 对象 不重新渲染 - 0023
React 嵌套对象怎样不可变更新，为什么只写展开运算符还会共享旧引用？
用个人资料中的城市字段解释变更路径复制和结构共享，通过引用比较核对根、父对象、子对象与未变分支，并讨论数组、动态键和深拷贝代价。
核心关键词React 嵌套对象不可变更新浅拷贝陷阱 - 0024
React 的 useState 更新对象时为什么不会自动合并字段，与 class 组件的 this.setState 有何不同？
围绕“React 的 useState 更新对象时为什么不会自动合并字段，与 class 组件的 this.setStat”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出 hook 的 set 函数整体替换状态值、需要手动展开旧对象，而 class 的 setState 对顶层字段做浅合并。
核心关键词React useState 替换 不合并 class setState 浅合并 - 0025
为什么 React 组件重新渲染时 state 不会丢，而从 UI 树中移除后再加回来就丢了？
围绕“为什么 React 组件重新渲染时 state 不会丢，而从 UI 树中移除后再加回来就丢了”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 state 保存在 React 内部并按组件在树中的位置关联而非存在组件函数里，移除即销毁。
核心关键词React state 与 UI 树位置 保留 重置 - 0026
为什么 React 要求组件的渲染过程保持纯净，在渲染中修改 state 或外部变量会有什么问题？
围绕“为什么 React 要求组件的渲染过程保持纯净，在渲染中修改 state 或外部变量会有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明渲染可能被打断、重放或在 Strict Mode 下执行两次，渲染期改动会导致结果不一致，副作用应放到事件或 effect 中。
核心关键词React 组件纯函数 渲染副作用 - 0027
React 组件会在什么情况下重新渲染，修改一个普通局部变量为什么不触发渲染？
围绕“React 组件会在什么情况下重新渲染，修改一个普通局部变量为什么不触发渲染”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列出组件自身 state 更新与父组件重新渲染两类触发源，并说明局部变量在渲染间不被保留所以不参与。
核心关键词React 触发重新渲染 条件 render commit - 0028
React state 设为相同值会跳过什么，Object.is 有哪些容易误判的情况？
解释 useState 的 Object.is 相等判断，区分相同值跳过更新与函数绝不调用，用零、负零和 NaN 展示比较边界，并连接对象状态的引用问题。
核心关键词React setState 相同值 Object.is 跳过更新 - 0029
React 中允许在渲染期间调用本组件 setState 的唯一合理模式是什么？
围绕“React 中允许在渲染期间调用本组件 setState 的唯一合理模式是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出「根据 props 变化在渲染中调整自身 state」的受控模式（存上一次的 props 并条件调用），并说明它替代 effec。
核心关键词React 渲染期间 setState 根据 props 调整 state - 0030
为什么说 React 的 setState 与 dispatch 函数引用是稳定的，这对依赖数组和 props 传递有什么意义？
围绕“为什么说 React 的 setState 与 dispatch 函数引用是稳定的，这对依赖数组和 props 传递”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 React 保证这两个函数跨渲染引用不变，可以安全地从 effect 依赖和 memo 比较中省略或稳定传递。
核心关键词React setState dispatch 引用稳定 依赖数组 - 0031
React state 为什么是渲染快照，setState 后的回调为什么仍读到旧值？
从事件闭包解释 React 状态快照，用一次点击与延时日志区分当前函数里的值和下一次界面状态，并说明快照何时正好符合业务需要。
核心关键词React state 渲染快照旧值闭包 - 0032
为什么 React 的不可变更新习惯与 React.memo、useMemo 的浅比较是配套的？
围绕“为什么 React 的不可变更新习惯与 React.memo、useMemo 的浅比较是配套的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明浅比较依赖「引用变则数据变」的约定，结构共享让未变部分保持引用从而跳过渲染，原地修改会破坏这一约定。
核心关键词React 结构共享 引用比较 memo 不可变更新 - 0033
设计 React 组件的 state 结构时应遵循哪些原则？
围绕“设计 React 组件的 state 结构时应遵循哪些原则”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖完整回答要覆盖合并关联 state、消除冗余与矛盾、避免过深嵌套这几条并各给一句判断依据。
核心关键词React state 结构原则 避免冗余 矛盾 嵌套 - 0034
React 混合直接赋值和函数式 setState 时，更新队列按什么顺序计算？
用四步混合更新推导 React 的替换与 updater 队列，说明闭包值在入队前已经计算、后续替换覆盖中间结果，以及 updater 必须保持纯函数。
核心关键词React state 更新队列直接赋值函数更新顺序 - 0035
什么情况下应该用 React 的 useReducer 替代 useState？
围绕“什么情况下应该用 React 的 useReducer 替代 useState”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出更新逻辑复杂、多个事件产生同类修改、下一状态依赖前状态且跨组件传递 dispatch 更省事的判断标准。
核心关键词React useReducer 替代 useState 场景