为什么自定义 React 输入组件通常遵循 value/onChange 的约定,这样做有什么好处?
为什么自定义 React 输入组件通常遵循 value/onChange 的约定,这样做有什么好处? 本文先给出可直接复述的结论,再用最小代码说明React 自定义组件 value onChange 约定的工作方式、判断依据、项目边界和常见误区。
表单专题面试题第 3 页,显示第 101–150 题,共找到 157 道完整解析,可继续按分类、标签与关键词缩小范围。
按稳定语义路径排序
为什么自定义 React 输入组件通常遵循 value/onChange 的约定,这样做有什么好处? 本文先给出可直接复述的结论,再用最小代码说明React 自定义组件 value onChange 约定的工作方式、判断依据、项目边界和常见误区。
React 中设计一个可被父组件共享其值的可复用组件时,受控与非受控两种模式的状态归属差别是什么? 本文先给出可直接复述的结论,再用最小代码说明React 受控组件 非受控组件 状态归属的工作方式、判断依据、项目边界和常见误区。
React 中一个多字段共享编辑状态的表单,选择每个字段一个 useState 还是整体一个对象 state 的判断依据是什么? 本文先给出可直接复述的结论,再用最小代码说明React 表单 state 拆分 合并 对象的工作方式、判断依据、项目边界和常见误区。
React 19 的 useOptimistic 在共享服务器数据的界面上如何实现乐观更新,提交失败时界面如何回退? 本文先给出可直接复述的结论,再用最小代码说明React 19 useOptimistic 乐观更新 回退的工作方式、判断依据、项目边界和常见误区。
React 官方对共享状态的结构设计提出哪些原则,冗余和矛盾的状态会带来什么具体问题? 本文先给出可直接复述的结论,再用最小代码说明React 状态结构设计 冗余 矛盾 state的工作方式、判断依据、项目边界和常见误区。
action 如何接收动态生成的表单字段(如 JSON 字符串或数组)? 本文先给出可直接复述的结论,再用最小代码说明action 接收动态表单字段 数组字符串的工作方式、判断依据、项目边界和常见误区。
使用 action 处理表单提交时,如何确保用户在提交后仍能保留当前导航状态? 本文先给出可直接复述的结论,再用最小代码说明action 表单提交 保持导航状态的工作方式、判断依据、项目边界和常见误区。
action 如何处理 multipart/form-data 表单(如文件上传)?是否支持原生 file input? 本文先给出可直接复述的结论,再用最小代码说明action multipart form-data 文件上传 原生 input的工作方式、判断依据、项目边界和常见误区。
action 中如何阻止表单默认提交行为?是否需要显式取消? 本文先给出可直接复述的结论,再用最小代码说明action 阻止表单默认提交的工作方式、判断依据、项目边界和常见误区。
action 重定向的目标路径是否支持动态生成?如何基于表单数据构建目标地址? 本文先给出可直接复述的结论,再用最小代码说明action 动态重定向 目标路径构建的工作方式、判断依据、项目边界和常见误区。
action 中执行服务器端表单验证失败后,如何向客户端返回具体错误信息并保持表单状态? 本文先给出可直接复述的结论,再用最小代码说明action 表单验证 服务器端错误 返回错误信息的工作方式、判断依据、项目边界和常见误区。
React Router 中 loader 与 action 如何协同处理数据加载和表单提交的错误边界? 本文先给出可直接复述的结论,再用最小代码说明loader action 错误边界 共同处理数据异常的工作方式、判断依据、项目边界和常见误区。
为什么把 React Server Action 传给 form 的 action 属性能做到 JavaScript 未加载时表单仍可提交? 本文先给出可直接复述的结论,再用最小代码说明React Server Action 表单 渐进增强的工作方式、判断依据、项目边界和常见误区。
React 的 useActionState 如何配合 Server Action 管理表单提交的 pending 状态与返回结果? 本文先给出可直接复述的结论,再用最小代码说明React useActionState Server Action的工作方式、判断依据、项目边界和常见误区。
React SSR 已经输出 HTML,为什么还需要 hydration? 本文先给出可直接复述的结论,再用最小代码说明React hydration 为什么需要的工作方式、判断依据、项目边界和常见误区。
如何利用 React 的 key 在不卸载整个页面的情况下重置某个组件的全部 state? 本文先给出可直接复述的结论,再用最小代码说明React key 重置组件 state 重新挂载的工作方式、判断依据、项目边界和常见误区。
React Native 中动态更新的内容(如表单校验错误、加载完成)如何主动通知读屏器用户? 本文先给出可直接复述的结论,再用最小代码说明React Native AccessibilityInfo announceForAccessibility的工作方式、判断依据、项目边界和常见误区。
React Native 如何利用 textContentType 与 autoComplete 让系统密码自动填充在登录表单中生效? 本文先给出可直接复述的结论,再用最小代码说明React Native textContentType autoComplete 自动填充的工作方式、判断依据、项目边界和常见误区。
React Native 表单里如何实现 TextInput 的 next 自动聚焦与提交后收键盘? 本文先给出可直接复述的结论,再用最小代码说明React Native TextInput onSubmitEditing blurOnSubmit 焦点链的工作方式、判断依据、项目边界和常见误区。
React Native TextInput 的 keyboardType、returnKeyType、autoCapitalize 在表单中如何按字段正确配置? 本文先给出可直接复述的结论,再用最小代码说明React Native TextInput keyboardType 表单配置的工作方式、判断依据、项目边界和常见误区。
React Native 中 Platform.select 与 .android.js/.ios.js 文件后缀分别适合拆到哪一层? 本文先给出可直接复述的结论,再用最小代码说明React Native Platform.select 平台文件后缀的工作方式、判断依据、项目边界和常见误区。
为什么 MySQL 旧模式允许而 PostgreSQL 拒绝 SELECT 中未聚合也未分组的列? 本文先给出可直接复述的结论,再用最小代码说明GROUP BY 未分组列 ONLY_FULL_GROUP_BY PostgreSQL 报错的工作方式、判断依据、项目边界和常见误区。
SQL SELECT 的逻辑执行顺序是什么,为什么 SELECT 里起的别名不能在同层 WHERE 用? 本文先给出可直接复述的结论,再用最小代码说明SQL 逻辑执行顺序 FROM WHERE SELECT 别名的工作方式、判断依据、项目边界和常见误区。
PostgreSQL 的 MVCC 下,同一事务里两次相同的 SELECT 在什么隔离级别下结果可能不同? 本文先给出可直接复述的结论,再用最小代码说明PostgreSQL MVCC 隔离级别 不可重复读 快照的工作方式、判断依据、项目边界和常见误区。
集合运算对两侧 SELECT 的列有什么要求,结果列名和数据类型如何确定? 本文先给出可直接复述的结论,再用最小代码说明UNION 列数 类型匹配 结果列名 类型解析的工作方式、判断依据、项目边界和常见误区。
SELECT 里同时有 GROUP BY 和窗口函数时,窗口函数能看到哪些行? 本文先给出可直接复述的结论,再用最小代码说明窗口函数 GROUP BY 执行顺序 聚合后的工作方式、判断依据、项目边界和常见误区。
先 SELECT 判断余额再 UPDATE 扣款为什么在高并发下可能超扣,有哪几种修复方式? 本文先给出可直接复述的结论,再用最小代码说明超卖 超扣 并发 检查再更新 竞态的工作方式、判断依据、项目边界和常见误区。
SELECT FOR UPDATE NOWAIT 与 SKIP LOCKED 在拿不到锁时行为有何不同,各自适合什么场景? 本文先给出可直接复述的结论,再用最小代码说明FOR UPDATE NOWAIT 与 SKIP LOCKED 区别的工作方式、判断依据、项目边界和常见误区。
SELECT FOR UPDATE 与 FOR SHARE 锁住的行分别允许其他事务做什么? 本文先给出可直接复述的结论,再用最小代码说明SELECT FOR UPDATE FOR SHARE 区别的工作方式、判断依据、项目边界和常见误区。
乐观锁与悲观锁在数据库并发控制中的区别是什么,分别适合什么冲突频率的场景? 本文先给出可直接复述的结论,再用最小代码说明乐观锁 悲观锁 区别 适用场景的工作方式、判断依据、项目边界和常见误区。
用 SELECT FOR UPDATE SKIP LOCKED 实现数据库任务队列时如何保证同一任务不被两个 worker 重复领取? 本文先给出可直接复述的结论,再用最小代码说明PostgreSQL SKIP LOCKED 任务队列 实现的工作方式、判断依据、项目边界和常见误区。
在 Svelte 中,如何用 `bind:checked` 正确绑定复选框的选中状态,并处理默认值和事件冲突? 本文先给出可直接复述的结论,再用最小代码说明Svelte bind:checked 复选框 双向绑定 默认值处理的工作方式、判断依据、项目边界和常见误区。
如何使用 `bind:value` 将表单输入框的值与组件中的响应式变量双向绑定,且在用户输入时实时更新? 本文先给出可直接复述的结论,再用最小代码说明Svelte bind:value 双向绑定 表单输入 实时更新的工作方式、判断依据、项目边界和常见误区。
如何使用 `bind:select` 在 Svelte 组件中实现下拉选择框的值与响应式变量的双向绑定? 本文先给出可直接复述的结论,再用最小代码说明Svelte bind:select 双向绑定 下拉选择值同步的工作方式、判断依据、项目边界和常见误区。
在 Svelte 中,如何通过事件修饰符阻止表单提交的默认行为? 本文先给出可直接复述的结论,再用最小代码说明Svelte on:submit .preventDefault 表单提交 阻止的工作方式、判断依据、项目边界和常见误区。
SvelteKit 表单 action 如何验证用户身份并拒绝未授权提交? 本文先给出可直接复述的结论,再用最小代码说明SvelteKit 表单 action 身份验证 拒绝的工作方式、判断依据、项目边界和常见误区。
SvelteKit 表单 action 如何根据 Content-Type 头部自动选择数据解析方式? 本文先给出可直接复述的结论,再用最小代码说明SvelteKit 表单 action Content-Type 自动解析的工作方式、判断依据、项目边界和常见误区。
SvelteKit 表单中上传文件时,action 如何接收并处理 multipart/form-data 格式数据? 本文先给出可直接复述的结论,再用最小代码说明SvelteKit 表单 action file upload 多部分数据的工作方式、判断依据、项目边界和常见误区。
SvelteKit 表单 action 接收 JSON 格式请求体时,如何正确解析并处理? 本文先给出可直接复述的结论,再用最小代码说明SvelteKit 表单 action JSON 请求体 解析的工作方式、判断依据、项目边界和常见误区。
当 SvelteKit 表单的 action 被调用时,如何通过 HTTP 方法覆盖来区分创建与更新操作? 本文先给出可直接复述的结论,再用最小代码说明SvelteKit 表单 action HTTP 方法 覆盖的工作方式、判断依据、项目边界和常见误区。
SvelteKit 表单 action 执行成功后,如何控制浏览器跳转到指定路径? 本文先给出可直接复述的结论,再用最小代码说明SvelteKit 表单 action 重定向 返回的工作方式、判断依据、项目边界和常见误区。
SvelteKit 表单 action 可以如何返回流式响应以支持大文件下载? 本文先给出可直接复述的结论,再用最小代码说明SvelteKit 表单 action 流式响应 下载的工作方式、判断依据、项目边界和常见误区。
SvelteKit 表单 action 中校验失败时,如何向客户端返回具体错误信息? 本文先给出可直接复述的结论,再用最小代码说明SvelteKit 表单 action 校验错误 返回的工作方式、判断依据、项目边界和常见误区。
用 React Testing Library 如何模拟表单输入并断言受控组件的值与校验提示 本文先给出可直接复述的结论,再用最小代码说明React Testing Library 表单输入 校验 测试的工作方式、判断依据、项目边界和常见误区。
编写一个基于泛型的表单验证器,如何同时保持每个字段的错误类型? 本文先给出可直接复述的结论,再用最小代码说明TypeScript 泛型表单验证器 字段错误类型的工作方式、判断依据、项目边界和常见误区。
如何用 Vue Router 的组件内守卫实现表单未保存时离开页面的二次确认? 本文先给出可直接复述的结论,再用最小代码说明Vue Router beforeRouteLeave 表单未保存 离开确认的工作方式、判断依据、项目边界和常见误区。
使用 Vue KeepAlive 后表单残留或数据过期,如何定位是缓存导致并选择刷新手段? 本文先给出可直接复述的结论,再用最小代码说明Vue KeepAlive 数据过期 表单残留 缓存 刷新 key的工作方式、判断依据、项目边界和常见误区。
Vue 内置表单元素上的 v-model 在编译后等价于什么? 本文先给出可直接复述的结论,再用最小代码说明Vue v-model 表单 编译结果的工作方式、判断依据、项目边界和常见误区。
拆解组件 v-model 的 modelValue prop 与 update:modelValue 事件契约,给出不直接修改 prop 的输入组件示例,并覆盖受控状态、同值更新和表单边界。
Vue watch 开启 deep 会发生什么,为什么可能增加性能成本? 本文先给出可直接复述的结论,再用最小代码说明Vue watch deep 深度监听性能的工作方式、判断依据、项目边界和常见误区。