随着前端表单复杂度不断提升，跨多个标签页（Tabs）的表单验证需求在大型 B 端应用中愈发常见。React Hook Form 作为当前最受欢迎的 React 表单库之一（月下载量超 100 万），其简洁的 API 和出色的性能吸引了大量开发者。然而，当表单被切分到不同 Tab 中，且验证规则需要跨 Tab 联动时，开发者往往陷入“技术选择困境”——最近社区中关于“useWatch + 自定义验证是否是最佳方案”的讨论热度居高不下。
问题浮出水面：跨标签验证的痛点
在实际业务场景中，一个典型的“多标签表单”可能包含“基本信息”“联系信息”“业务配置”等多个 Tab，每个 Tab 内都有独立字段。常见的痛点是：用户在 Tab A 填写某项后，该字段的值可能影响 Tab B 内字段的必填性或校验规则；或者在提交前，需要确保所有 Tab 内字段均已通过验证，但用户当前可能只停留在某个 Tab 上。
传统做法是在每个 Tab 切换时触发校验，但这往往导致用户体验割裂——用户还未填写完 Tab A，就被迫看到 Tab B 的错误提示。更理想的方案是“按需验证”：当前 Tab 提交前只验当前 Tab，但全局提交时需全部通过，同时跨 Tab 规则能实时生效。
useWatch + 自定义验证：最直接的方案？
部分开发者倾向于使用 useWatch 监听某字段的值变化，然后在自定义验证规则（validate 函数）中动态判断。例如：若 Tab A 的“用户类型”为“VIP”，则 Tab B 的“会员等级”字段需要必填且长度至少 2 位。通过 useWatch 获取“用户类型”的实时值，再传入 register 的 validate 选项中即可实现。
这种做法的优势显而易见：思路直观、无需额外依赖、与 React Hook Form 原生 API 结合紧密。但社区反馈中也暴露出两个关键短板。性能问题：useWatch 会触发组件重渲染，若在全局注册过多 useWatch，尤其在复杂表单（50+ 字段）中，可能造成不必要的渲染开销。验证时机问题：useWatch 的监听是响应式的，当被依赖字段变化时，自定义验证会立即执行，这在用户未触碰该字段时可能过早显示错误，造成“提示轰炸”。
替代方案：getValues + schema 校验能否突围？
开发者社区很快提出了多种替代方案。呼声较高的包括：使用 getValues 在提交时手动读取跨 Tab 字段值，配合 Yup 或 Zod 等 schema 验证库实现条件校验；或者利用 useFormContext 在子组件间共享表单状态，再以 watch（而非 useWatch）按需订阅。
一位在大型电商平台负责表单模块的资深前端工程师向记者表示：“我们项目经过多次迭代，最终放弃了 useWatch 的广泛使用。改用 Yup 的 when 方法定义条件验证，并在提交时统一调用 clearErrors 和 trigger 来按 Tab 分段触发验证。这样既保证了性能，又避免了实时验证的错乱。”
不过，schema 校验方案也有其代价：需要维护额外的验证配置文件，且对于动态增减的表单项（如动态数组）处理相对繁琐。React Hook Form 官方文档中也提到，对于大多数业务场景，自定义验证配合 getValues 或许比 useWatch 更可靠。
社区共识：组合策略才是王道
记者梳理了 Reddit、GitHub 讨论区以及 Stack Overflow 上的多个高赞回答后发现，目前社区尚未形成“唯一正确方案”。主流观点倾向于“分层策略”：
- 全局跨 Tab 强依赖：例如 Tab A 的选项决定 Tab B 的整个表单结构，建议使用
useWatch触发子表单重新注册或隐藏，而非只做验证。 - 局部条件验证：如必填性/格式校验依赖其他字段值，优先使用
getValues+trigger（仅当需要显示错误时才主动验证），减少不必要的实时订阅。 - 提交时全能验证：在表单提交函数内，利用
handleSubmit执行完整校验，此时用getValues读取所有值，配合 schema 一次性完成跨 Tab 规则检查。
“没有银弹，但可以降低复杂度。建议开发者先梳理清楚‘依赖关系图’，判断哪些验证必须在用户输入过程中即时反馈，哪些可以留到提交前。不要为了技术炫酷而滥用 useWatch。”一位 React Hook Form 核心贡献者曾在技术会议中如此总结。
结语：回归业务本质
React Hook Form 本意是简化表单管理，而非制造新的复杂性。跨 Tab 验证的最终目标应当是：用户在任意 Tab 内操作时感到流畅，提交时不出错。使用 useWatch 还是 getValues，取决于具体场景下的渲染开销与用户体验权衡。开发者不妨先画一张“字段依赖关系矩阵”，再选择工具——毕竟，技术方案从来都是为业务服务的。