ReactFormApi

接口:ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>

定义于: packages/react-form/src/useForm.tsx:21

@tanstack/form-core 添加到 FormAPI 并且从 useForm 返回的字段

类型参数

TFormData

TOnMount extends undefined | FormValidateOrFn<TFormData>

TOnChange extends undefined | FormValidateOrFn<TFormData>

TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>

TOnBlur extends undefined | FormValidateOrFn<TFormData>

TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>

TOnSubmit extends undefined | FormValidateOrFn<TFormData>

TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>

TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>

TSubmitMeta

属性

字段

ts
Field: FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>;
Field: FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>;

定义于: packages/react-form/src/useForm.tsx:36

一个 React 组件,用于渲染表单字段。 使用此组件,您可以渲染和管理单个表单字段。


Subscribe()

ts
Subscribe: <TSelected>(props) => ReactNode;
Subscribe: <TSelected>(props) => ReactNode;

定义于: packages/react-form/src/useForm.tsx:51

一个 Subscribe 函数,允许您监听表单状态的变化并对其做出反应。 当您需要执行副作用或渲染特定组件以响应状态更新时,它特别有用。

类型参数

TSelected = FormState<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer>

参数

props
children

ReactNode | (state) => ReactNode

selector?

(state) => TSelected

返回值

ReactNode

订阅 Bytes

您的每周 JavaScript 新闻。 每周一免费发送给超过 10 万名开发者。

Bytes

没有垃圾邮件。 随时取消订阅。