React 输入框报『组件从非受控变为受控』警告，通常是什么原因、怎么修？
React 输入框为什么提示从非受控变为受控？从异步回填 undefined、文本空值和复选框 checked 类型入手，说明默认值、稳定模式和组件重建的区别。
核心关键词React 非受控变受控警告
面试知识索引 · 分类、标签与搜索
React · 异步编程面试题，16 道完整答案
React · 异步编程面试题第 1 页，显示第 1–16 题，共找到 16 道完整解析，可继续按分类、标签与关键词缩小范围。
16筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
React 非受控输入的 defaultValue 改了，为什么当前内容没跟着变？
区分默认值与用户当前编辑值，说明异步数据回填、表单 reset、业务 key 重建与 ref 命令式赋值的选择，避免用随机 key 覆盖草稿或将 defaultValue 当成持续绑定。
核心关键词React defaultValue 改变输入框不更新 - 0003
React 错误边界捕获不到哪些错误，事件回调和异步代码里的报错该怎么办？
围绕“React 错误边界捕获不到哪些错误，事件回调和异步代码里的报错该怎么办”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列清渲染期可捕获与事件处理、异步、SSR 中不可捕获的边界，并给出 try/catch 兜底方案。
核心关键词React 错误边界 捕获不到 事件 异步 错误 - 0004
React select 多选受控时 value 传什么，怎样读取全部选项？
解释原生 select multiple 的字符串数组 value、selectedOptions 与 FormData.getAll，说明选项删除、异步回填、空选择和选中顺序的业务边界。
核心关键词React select multiple 受控 value 数组 - 0005
React 19 的 useOptimistic 在共享服务器数据的界面上如何实现乐观更新,提交失败时界面如何回退?
围绕“React 19 的 useOptimistic 在共享服务器数据的界面上如何实现乐观更新,提交失败时界面如何回退”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出乐观值仅在异步操作期间临时呈现、完成后回到真实状态这一生命周期,不展开 useActionState 的表单集成。
核心关键词React 19 useOptimistic 乐观更新 回退 - 0006
React 19 的 use() 相比 useContext 在读取共享数据上多出了什么能力?
围绕“React 19 的 use() 相比 useContext 在读取共享数据上多出了什么能力”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 use 可在条件或循环中调用、且能直接读取 Promise 配合 Suspense,不展开服务端组件的用法。
核心关键词React 19 use() Promise Context 条件读取 - 0007
为什么不能直接把 async 函数传给 React useEffect，又该怎样组织 await 与取消信号？
围绕“为什么不能直接把 async 函数传给 React useEffect，又该怎样组织 await 与取消信号”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Effect 返回值只能是 cleanup 而非 Promise。
核心关键词React useEffect async Promise cleanup cancel - 0008
React Effect 挂载、依赖更新和卸载时怎样建立与清理？
以文档订阅切换说明 setup 与 cleanup 的配对关系、旧闭包与新参数、依赖未变时的行为，以及 Strict Mode 检查和异步请求迟到结果的处理。
核心关键词React useEffect cleanup 执行顺序 - 0009
React 中 useRef 和 useState 都能跨渲染保存数据，二者的本质区别和适用场景是什么？
useRef 和 useState 都能跨渲染保留数据，为什么只有 state 更新会触发界面变化？用计时器句柄、搜索输入和异步闭包说明选择依据、快照语义及渲染阶段限制。
核心关键词React useRef 和 useState 区别 - 0010
React 19 中 startTransition 接受 async 函数（Action）后与 React 18 的用法有什么不同？
围绕“React 19 中 startTransition 接受 async 函数（Action）后与 React 18 ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比 React 19 异步 Action 自动管理 pending/错误与 React 18 只接受同步作用域的差异。
核心关键词React 19 startTransition async Action 区别 - 0011
useMemo 和 useCallback 有什么区别，应该如何选择？
通过报价与确认按钮解释 useMemo 缓存计算结果、useCallback 缓存函数引用的区别，展示完整依赖和旧闭包边界，并说明函数创建、函数调用、请求去重与异步缓存并不是同一件事。
核心关键词useMemo useCallback 区别 - 0012
React 的 'use server' 与 Server Functions 解决了什么问题，客户端调用它们时实际发生了什么？
围绕“React 的 'use server' 与 Server Functions 解决了什么问题，客户端调用它们时实际”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明客户端调用被框架转为对服务端的请求并返回 Promise。
核心关键词React use server Server Functions 原理 - 0013
为什么只有 Suspense 组件本身不能让 React 在渲染期间直接 await 数据，还需要什么配合？
围绕“为什么只有 Suspense 组件本身不能让 React 在渲染期间直接 await 数据，还需要什么配合”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明需要支持 Suspense 契约的数据源或框架集成（抛出 promise 的读取协议）。
核心关键词React Suspense 数据获取 条件 - 0014
React 事件处理器中 await 之后再读取 state 拿到的是旧值，如何拿到最新状态？
围绕“React 事件处理器中 await 之后再读取 state 拿到的是旧值，如何拿到最新状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须诊断出异步代码捕获的是发起时那次渲染的快照，并给出函数式更新或 ref 镜像最新值两种修复的取舍。
核心关键词React 异步回调 state 过期 闭包 旧值 - 0015
React 18 的异步自动批处理与 React 17 有什么区别，为什么还要看根 API？
通过 Promise 和定时器内的两个状态更新比较 React 17、React 18 createRoot 与旧入口，说明自动批处理的观察方法和 await 边界。
核心关键词React 18 React 17 异步自动批处理 createRoot - 0016
React 什么时候应该用函数式更新，异步任务计数为什么容易出错？
用两个并发保存任务解释函数式更新如何组合加减计数，区分队列中的前一状态与闭包中的其他变量，并说明直接设置确定值仍然合理。
核心关键词React 函数式 updater 异步状态累加