在 React 中如何不修改原数组地向数组中间插入一个元素或删除指定下标的元素？
在 React 中如何不修改原数组地向数组中间插入一个元素或删除指定下标的元素？ 本文先给出可直接复述的结论，再用最小代码说明React 数组中间插入删除 slice 不可变的工作方式、判断依据、项目边界和常见误区。
核心关键词React 数组中间插入删除 slice 不可变
面试知识索引 · 分类、标签与搜索
React · 状态与渲染面试题，35 道完整答案
React · 状态与渲染面试题第 1 页，显示第 1–35 题，共找到 35 道完整解析，可继续按分类、标签与关键词缩小范围。
35筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
在 React 中如何不可变地更新数组里某一个对象元素的字段？
在 React 中如何不可变地更新数组里某一个对象元素的字段？ 本文先给出可直接复述的结论，再用最小代码说明React 数组内对象 更新字段 map 不可变的工作方式、判断依据、项目边界和常见误区。
核心关键词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的工作方式、判断依据、项目边界和常见误区。
核心关键词React 数组 state 不可变方法 push splice map filter - 0004
React 事件处理器中 await 之后再读取 state 拿到的是旧值，如何拿到最新状态？
React 事件处理器中 await 之后再读取 state 拿到的是旧值，如何拿到最新状态？ 本文先给出可直接复述的结论，再用最小代码说明React 异步回调 state 过期 闭包 旧值的工作方式、判断依据、项目边界和常见误区。
核心关键词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 会被保留，可能带来什么坑？ 本文先给出可直接复述的结论，再用最小代码说明React 条件渲染 同类型组件 state 保留的工作方式、判断依据、项目边界和常见误区。
核心关键词React 条件渲染 同类型组件 state 保留 - 0008
为什么能从已有 state 或 props 计算出的值，不应该再单独存一份 React state？
为什么能从已有 state 或 props 计算出的值，不应该再单独存一份 React state？ 本文先给出可直接复述的结论，再用最小代码说明React 派生状态 derived 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，有哪些做法、各自取舍是什么？ 本文先给出可直接复述的结论，再用最小代码说明React 隐藏组件 保留 state display none的工作方式、判断依据、项目边界和常见误区。
核心关键词React 隐藏组件 保留 state display none - 0012
为什么使用 Immer（useImmer）后可以直接「修改」draft，却仍然满足 React 的不可变更新要求？
为什么使用 Immer（useImmer）后可以直接「修改」draft，却仍然满足 React 的不可变更新要求？ 本文先给出可直接复述的结论，再用最小代码说明React Immer useImmer draft 原理的工作方式、判断依据、项目边界和常见误区。
核心关键词React Immer useImmer draft 原理 - 0013
什么条件下 React 列表用数组下标作为 key 是可以接受的？
什么条件下 React 列表用数组下标作为 key 是可以接受的？ 本文先给出可直接复述的结论，再用最小代码说明React index 作为 key 可以接受 条件的工作方式、判断依据、项目边界和常见误区。
核心关键词React index 作为 key 可以接受 条件 - 0014
React 列表用数组下标作为 key，在插入、删除或排序时会出现什么具体问题？
React 列表用数组下标作为 key，在插入、删除或排序时会出现什么具体问题？ 本文先给出可直接复述的结论，再用最小代码说明React index 作为 key 问题 列表 state 错乱的工作方式、判断依据、项目边界和常见误区。
核心关键词React index 作为 key 问题 列表 state 错乱 - 0015
React 中同一个组件被渲染两次（页面上两个 <Counter />），为什么它们的 state 互不影响？
React 中同一个组件被渲染两次（页面上两个 <Counter />），为什么它们的 state 互不影响？ 本文先给出可直接复述的结论，再用最小代码说明React 组件实例 state 独立 隔离的工作方式、判断依据、项目边界和常见误区。
核心关键词React 组件实例 state 独立 隔离 - 0016
React 中把组件移到树中不同的父节点下，即使 key 不变，为什么 state 仍然丢失？
React 中把组件移到树中不同的父节点下，即使 key 不变，为什么 state 仍然丢失？ 本文先给出可直接复述的结论，再用最小代码说明React 移动组件 不同父节点 key state 丢失的工作方式、判断依据、项目边界和常见误区。
核心关键词React 移动组件 不同父节点 key state 丢失 - 0017
如何利用 React 的 key 在不卸载整个页面的情况下重置某个组件的全部 state？
如何利用 React 的 key 在不卸载整个页面的情况下重置某个组件的全部 state？ 本文先给出可直接复述的结论，再用最小代码说明React key 重置组件 state 重新挂载的工作方式、判断依据、项目边界和常见误区。
核心关键词React key 重置组件 state 重新挂载 - 0018
为什么 React 的 key 只需在兄弟节点间唯一，且子组件内部读不到自己的 key？
为什么 React 的 key 只需在兄弟节点间唯一，且子组件内部读不到自己的 key？ 本文先给出可直接复述的结论，再用最小代码说明React key 兄弟唯一 不能作为 prop的工作方式、判断依据、项目边界和常见误区。
核心关键词React key 兄弟唯一 不能作为 prop - 0019
在 React 的组件身份判断中，key 与组件类型分别起什么作用、改变哪一个会重置 state？
在 React 的组件身份判断中，key 与组件类型分别起什么作用、改变哪一个会重置 state？ 本文先给出可直接复述的结论，再用最小代码说明React 组件身份 key 类型 state 重置的工作方式、判断依据、项目边界和常见误区。
核心关键词React 组件身份 key 类型 state 重置 - 0020
React 渲染列表时为什么要求每个元素带 key，React 用 key 做什么？
React 渲染列表时为什么要求每个元素带 key，React 用 key 做什么？ 本文先给出可直接复述的结论，再用最小代码说明React 列表 key 作用 diff 复用的工作方式、判断依据、项目边界和常见误区。
核心关键词React 列表 key 作用 diff 复用 - 0021
React 中多个相关的值应该用多个 useState 还是合并成一个对象 state，如何取舍？
React 中多个相关的值应该用多个 useState 还是合并成一个对象 state，如何取舍？ 本文先给出可直接复述的结论，再用最小代码说明React 多个 useState 还是对象 state 取舍的工作方式、判断依据、项目边界和常见误区。
核心关键词React 多个 useState 还是对象 state 取舍 - 0022
在 React 中直接修改 state 对象的属性（如 user.name = 'x'），为什么界面不会更新？
在 React 中直接修改 state 对象的属性（如 user.name = 'x'），为什么界面不会更新？ 本文先给出可直接复述的结论，再用最小代码说明React 直接修改 state 对象 不重新渲染的工作方式、判断依据、项目边界和常见误区。
核心关键词React 直接修改 state 对象 不重新渲染 - 0023
React 嵌套对象怎样不可变更新，为什么只写展开运算符还会共享旧引用？
用个人资料中的城市字段解释变更路径复制和结构共享，通过引用比较核对根、父对象、子对象与未变分支，并讨论数组、动态键和深拷贝代价。
核心关键词React 嵌套对象不可变更新浅拷贝陷阱 - 0024
React 的 useState 更新对象时为什么不会自动合并字段，与 class 组件的 this.setState 有何不同？
React 的 useState 更新对象时为什么不会自动合并字段，与 class 组件的 this.setState 有何不同？ 本文先给出可直接复述的结论，再用最小代码说明React useState 替换 不合并 class setState 浅合并的工作方式、判断依据、项目边界和常见误区。
核心关键词React useState 替换 不合并 class setState 浅合并 - 0025
为什么 React 组件重新渲染时 state 不会丢，而从 UI 树中移除后再加回来就丢了？
为什么 React 组件重新渲染时 state 不会丢，而从 UI 树中移除后再加回来就丢了？ 本文先给出可直接复述的结论，再用最小代码说明React state 与 UI 树位置 保留 重置的工作方式、判断依据、项目边界和常见误区。
核心关键词React state 与 UI 树位置 保留 重置 - 0026
为什么 React 要求组件的渲染过程保持纯净，在渲染中修改 state 或外部变量会有什么问题？
为什么 React 要求组件的渲染过程保持纯净，在渲染中修改 state 或外部变量会有什么问题？ 本文先给出可直接复述的结论，再用最小代码说明React 组件纯函数 渲染副作用的工作方式、判断依据、项目边界和常见误区。
核心关键词React 组件纯函数 渲染副作用 - 0027
React 组件会在什么情况下重新渲染，修改一个普通局部变量为什么不触发渲染？
React 组件会在什么情况下重新渲染，修改一个普通局部变量为什么不触发渲染？ 本文先给出可直接复述的结论，再用最小代码说明React 触发重新渲染 条件 render commit的工作方式、判断依据、项目边界和常见误区。
核心关键词React 触发重新渲染 条件 render commit - 0028
React state 设为相同值会跳过什么，Object.is 有哪些容易误判的情况？
解释 useState 的 Object.is 相等判断，区分相同值跳过更新与函数绝不调用，用零、负零和 NaN 展示比较边界，并连接对象状态的引用问题。
核心关键词React setState 相同值 Object.is 跳过更新 - 0029
React 中允许在渲染期间调用本组件 setState 的唯一合理模式是什么？
React 中允许在渲染期间调用本组件 setState 的唯一合理模式是什么？ 本文先给出可直接复述的结论，再用最小代码说明React 渲染期间 setState 根据 props 调整 state的工作方式、判断依据、项目边界和常见误区。
核心关键词React 渲染期间 setState 根据 props 调整 state - 0030
为什么说 React 的 setState 与 dispatch 函数引用是稳定的，这对依赖数组和 props 传递有什么意义？
为什么说 React 的 setState 与 dispatch 函数引用是稳定的，这对依赖数组和 props 传递有什么意义？ 本文先给出可直接复述的结论，再用最小代码说明React setState dispatch 引用稳定 依赖数组的工作方式、判断依据、项目边界和常见误区。
核心关键词React setState dispatch 引用稳定 依赖数组 - 0031
React state 为什么是渲染快照，setState 后的回调为什么仍读到旧值？
从事件闭包解释 React 状态快照，用一次点击与延时日志区分当前函数里的值和下一次界面状态，并说明快照何时正好符合业务需要。
核心关键词React state 渲染快照旧值闭包 - 0032
为什么 React 的不可变更新习惯与 React.memo、useMemo 的浅比较是配套的？
为什么 React 的不可变更新习惯与 React.memo、useMemo 的浅比较是配套的？ 本文先给出可直接复述的结论，再用最小代码说明React 结构共享 引用比较 memo 不可变更新的工作方式、判断依据、项目边界和常见误区。
核心关键词React 结构共享 引用比较 memo 不可变更新 - 0033
设计 React 组件的 state 结构时应遵循哪些原则？
设计 React 组件的 state 结构时应遵循哪些原则？ 本文先给出可直接复述的结论，再用最小代码说明React state 结构原则 避免冗余 矛盾 嵌套的工作方式、判断依据、项目边界和常见误区。
核心关键词React state 结构原则 避免冗余 矛盾 嵌套 - 0034
React 混合直接赋值和函数式 setState 时，更新队列按什么顺序计算？
用四步混合更新推导 React 的替换与 updater 队列，说明闭包值在入队前已经计算、后续替换覆盖中间结果，以及 updater 必须保持纯函数。
核心关键词React state 更新队列直接赋值函数更新顺序 - 0035
什么情况下应该用 React 的 useReducer 替代 useState？
什么情况下应该用 React 的 useReducer 替代 useState？ 本文先给出可直接复述的结论，再用最小代码说明React useReducer 替代 useState 场景的工作方式、判断依据、项目边界和常见误区。
核心关键词React useReducer 替代 useState 场景