action 如何接收动态生成的表单字段(如 JSON 字符串或数组)?
围绕“action 如何接收动态生成的表单字段(如 JSON 字符串或数组)”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明通过 FormData 或 JSON.parse 处理,不能仅提 input name 固定。
React Router · 表单面试题第 1 页,显示第 1–7 题,共找到 7 道完整解析,可继续按分类、标签与关键词缩小范围。
按稳定语义路径排序
围绕“action 如何接收动态生成的表单字段(如 JSON 字符串或数组)”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明通过 FormData 或 JSON.parse 处理,不能仅提 input name 固定。
围绕“使用 action 处理表单提交时,如何确保用户在提交后仍能保留当前导航状态”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 action 通过返回 redirect / json / undefined 决定后续行为,不能只提 useNavigate。
围绕“action 如何处理 multipart/form-data 表单(如文件上传)?是否支持原生 file inpu”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明支持通过 formData API 接收,无需额外库,不能误认为需特殊配置。
围绕“action 中如何阻止表单默认提交行为?是否需要显式取消”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 action 默认阻止,无需额外操作,不能误解为需 preventDefault。
围绕“action 重定向的目标路径是否支持动态生成?如何基于表单数据构建目标地址”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明通过返回 redirect(new URL(...)) 动态构造,不能硬编码路径。
围绕“action 中执行服务器端表单验证失败后,如何向客户端返回具体错误信息并保持表单状态”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明通过返回 { error: '...' } 并保留原始表单数据,不能只提 useActionData。
围绕“React Router 中 loader 与 action 如何协同处理数据加载和表单提交的错误边界”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 loader/action 的错误如何被 error boundary 捕获并渲染,不能仅描述错误类型或通用异常处理。