ReactFormApi

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

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

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

类型参数

TFormData

TOnMount 继承自 undefined | FormValidateOrFn<TFormData>

TOnChange 继承自 undefined | FormValidateOrFn<TFormData>

TOnChangeAsync 继承自 undefined | FormAsyncValidateOrFn<TFormData>

TOnBlur 继承自 undefined | FormValidateOrFn<TFormData>

TOnBlurAsync 继承自 undefined | FormAsyncValidateOrFn<TFormData>

TOnSubmit 继承自 undefined | FormValidateOrFn<TFormData>

TOnSubmitAsync 继承自 undefined | FormAsyncValidateOrFn<TFormData>

TOnDynamic 继承自 undefined | FormValidateOrFn<TFormData>

TOnDynamicAsync 继承自 undefined | FormAsyncValidateOrFn<TFormData>

TOnServer 继承自 undefined | FormAsyncValidateOrFn<TFormData>

TSubmitMeta

属性

Field

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

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

一个用于渲染表单字段的 React 组件。通过它,您可以渲染和管理单个表单字段。


Subscribe()

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

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

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

类型参数

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

参数

props
children

ReactNode | (state) => ReactNode

选择器?

(state) => TSelected

Returns (返回)

ReactNode

我们的合作伙伴
Code Rabbit
订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。