Repolode
TanStack

TanStack/form

面向 TS/JS、React、Vue、Angular、Solid 和 Lit 的无界面、类型安全表单状态管理库。

Star
6,765
Fork
710
未关闭 Issue
220
最近提交
4天前

这是什么?

TanStack Form 用于管理复杂表单的状态,包括字段值、已触碰与已修改状态、校验错误和提交过程。它是无界面(headless)库,只提供逻辑,渲染完全由你自己的 UI 组件决定。

核心逻辑与框架无关,并为 React、Vue、Angular、Solid 和 Lit 提供适配。项目使用 TypeScript 编写,力求在整个表单中保持类型推断。校验支持同步和异步两种方式,异步校验可设置防抖,同时支持嵌套字段以处理结构化数据。

该项目属于 TanStack 生态,文档位于 TanStack 官网。

核心功能

  • 01无界面设计,UI 完全由开发者自行实现
  • 02借助 TypeScript 推断实现类型安全的字段与表单状态
  • 03支持同步与带防抖的异步校验
  • 04支持嵌套字段,适合结构化表单数据
  • 05提供 React、Vue、Angular、Solid 和 Lit 适配

适用场景

  • 在 React 或 Vue 应用中构建复杂的多步骤或嵌套表单
  • 为使用自定义组件的设计系统添加类型安全的表单处理
  • 实现异步校验,例如检查用户名是否可用

标签

常见问题

form 是什么?
面向 TS/JS、React、Vue、Angular、Solid 和 Lit 的无界面、类型安全表单状态管理库。 TanStack Form 用于管理复杂表单的状态,包括字段值、已触碰与已修改状态、校验错误和提交过程。它是无界面(headless)库,只提供逻辑,渲染完全由你自己的 UI 组件决定。
form 可以免费使用吗?用的什么许可证?
form 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
form 还在维护吗?
活跃维护中。form 最近一次提交是在 2026年11月3日。
form 适合用来做什么?
在 React 或 Vue 应用中构建复杂的多步骤或嵌套表单 为使用自定义组件的设计系统添加类型安全的表单处理 实现异步校验,例如检查用户名是否可用
在哪里获取 form?
源代码和安装说明在 GitHub 上:https://github.com/TanStack/form

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目