tanstack-form

TanStack Form

为字段、验证、组合、提交、SSR、开发工具和框架适配器提供类型安全的表单指导。

工作流

1. 检查已安装的 TanStack 包及其确切版本。
2. 阅读基础参考和检测到的框架对应的适配器参考。
3. 主题参考是索引。为任务选择一份指南或章节；仅在需要时沿着其前置条件链接继续阅读。
4. 优先参考已安装包的类型定义和与版本匹配的源代码指导，而非依赖记忆。
5. 将示例转换为框架适配器时，保留无头／核心行为。

任务路由

• 基础知识 — 概览、安装、理念、TypeScript 和比较。
• React 适配器 — React 快速入门、字段、状态、验证、提交和响应性。
• React 高级模式 — 高级 React 组合、验证、SSR 和表单架构。
• Preact 适配器 — Preact 快速入门、字段、状态、验证、提交和响应性。
• Preact 高级模式 — 高级 Preact 组合、验证、调试、焦点和 UI 集成。
• Vue 适配器 — Vue 专属设置和行为。
• Angular 适配器 — Angular 专属设置和行为。
• Solid 适配器 — Solid 专属设置和行为。
• Lit 适配器 — Lit 专属设置和行为。
• Svelte 适配器 — Svelte 专属设置和行为。

常见任务

• React：字段验证和提交

框架路由

• Angular — 检测 @tanstack/angular-form。阅读 Angular 适配器。
• Lit — 检测 @tanstack/lit-form。阅读 Lit 适配器。
• Preact — 检测 @tanstack/preact-form。阅读 Preact 适配器。
• React — 检测 @tanstack/react-form。阅读 React 适配器。
• Solid — 检测 @tanstack/solid-form。阅读 Solid 适配器。
• Svelte — 检测 @tanstack/svelte-form。阅读 Svelte 适配器。
• Vue — 检测 @tanstack/vue-form。阅读 Vue 适配器。

产品边界

如果任务涉及以下产品边界，请使用相应的独立产品技能：tanstack-start、tanstack-devtools。

源状态

来自 TanStack/form 的官方文档，与以下已验证的版本输入相匹配：@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]、@tanstack/[email protected]。

有关确切的上游输入和去重记录，请参阅 源信息。