FieldApi

类: FieldApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>

定义于: packages/form-core/src/FieldApi.ts:863

表示用于管理表单字段的 API 的类。

通常,您不需要直接创建新的 FieldApi 实例。 相反,您将使用诸如 useFieldcreateField 之类的框架钩子/函数 为您创建一个使用框架响应式模型的新实例。 但是,如果您需要手动创建新实例,可以通过调用 new FieldApi 构造函数来实现。

类型参数

TParentData

TName extends DeepKeys<TParentData>

TData extends DeepValue<TParentData, TName>

TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnChangeAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnBlurAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnSubmitAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TFormOnMount extends undefined | FormValidateOrFn<TParentData>

TFormOnChange extends undefined | FormValidateOrFn<TParentData>

TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>

TFormOnBlur extends undefined | FormValidateOrFn<TParentData>

TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>

TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>

TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>

TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>

TParentSubmitMeta

构造函数

new FieldApi()

ts
new FieldApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>(opts): FieldApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>
new FieldApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>(opts): FieldApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>

定义于: packages/form-core/src/FieldApi.ts:995

初始化一个新的 FieldApi 实例。

参数

opts

FieldApiOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>

返回

FieldApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>

属性

form

ts
form: FormApi<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>;
form: FormApi<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>;

定义于: packages/form-core/src/FieldApi.ts:907

对表单 API 实例的引用。


name

ts
name: DeepKeys<TParentData>;
name: DeepKeys<TParentData>;

定义于: packages/form-core/src/FieldApi.ts:931

字段名称。


options

ts
options: FieldApiOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>;
options: FieldApiOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>;

定义于: packages/form-core/src/FieldApi.ts:935

字段选项。


store

ts
store: Derived<FieldState<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>>;
store: Derived<FieldState<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>>;

定义于: packages/form-core/src/FieldApi.ts:959

字段状态存储。


timeoutIds

ts
timeoutIds: object;
timeoutIds: object;

定义于: packages/form-core/src/FieldApi.ts:986

formListeners

ts
formListeners: Record<ListenerCause, null | Timeout>;
formListeners: Record<ListenerCause, null | Timeout>;

listeners

ts
listeners: Record<ListenerCause, null | Timeout>;
listeners: Record<ListenerCause, null | Timeout>;

validations

ts
validations: Record<ValidationCause, null | Timeout>;
validations: Record<ValidationCause, null | Timeout>;

访问器

state

Get 签名

ts
get state(): FieldState<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>
get state(): FieldState<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>

定义于: packages/form-core/src/FieldApi.ts:983

当前字段状态。

返回

FieldState<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>

方法

clearValues()

ts
clearValues(opts?): void
clearValues(opts?): void

定义于: packages/form-core/src/FieldApi.ts:1319

清除数组中的所有值。

参数

opts?

UpdateMetaOptions

返回

void


getInfo()

ts
getInfo(): FieldInfo<TParentData>
getInfo(): FieldInfo<TParentData>

定义于: packages/form-core/src/FieldApi.ts:1249

获取字段信息对象。

返回

FieldInfo<TParentData>


getMeta()

ts
getMeta(): FieldMeta<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>
getMeta(): FieldMeta<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>

定义于: packages/form-core/src/FieldApi.ts:1217

返回

FieldMeta<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>


getValue()

ts
getValue(): TData
getValue(): TData

定义于: packages/form-core/src/FieldApi.ts:1202

获取当前字段值。

返回

TData

已弃用

请改用 field.state.value


handleBlur()

ts
handleBlur(): void
handleBlur(): void

定义于: packages/form-core/src/FieldApi.ts:1670

处理失焦事件。

返回

void


handleChange()

ts
handleChange(updater): void
handleChange(updater): void

定义于: packages/form-core/src/FieldApi.ts:1663

处理更改事件。

参数

updater

Updater<TData>

返回

void


insertValue()

ts
insertValue(
   index,
   value,
   opts?): void
insertValue(
   index,
   value,
   opts?): void

定义于: packages/form-core/src/FieldApi.ts:1266

在指定索引处插入一个值,并将后续值向右移动。

参数

index

number

value

TData extends any[] ? TData<TData>[number] : never

opts?

UpdateMetaOptions

返回

void


mount()

ts
mount(): () => void
mount(): () => void

定义于: packages/form-core/src/FieldApi.ts:1092

将字段实例挂载到表单。

返回

Function

返回

void


moveValue()

ts
moveValue(
   aIndex,
   bIndex,
   opts?): void
moveValue(
   aIndex,
   bIndex,
   opts?): void

定义于: packages/form-core/src/FieldApi.ts:1310

将第一个指定索引处的值移动到第二个指定索引处。

参数

aIndex

number

bIndex

number

opts?

UpdateMetaOptions

返回

void


parseValueWithSchema()

ts
parseValueWithSchema(schema):
  | undefined
  | StandardSchemaV1Issue[]
parseValueWithSchema(schema):
  | undefined
  | StandardSchemaV1Issue[]

定义于: packages/form-core/src/FieldApi.ts:1711

使用给定的模式解析字段的值并返回问题(如果有)。此方法不会设置任何内部错误。

参数

schema

StandardSchemaV1<TData, unknown>

用于解析此字段值的标准模式。

返回

| undefined | StandardSchemaV1Issue[]


parseValueWithSchemaAsync()

ts
parseValueWithSchemaAsync(schema): Promise<
  | undefined
| StandardSchemaV1Issue[]>
parseValueWithSchemaAsync(schema): Promise<
  | undefined
| StandardSchemaV1Issue[]>

定义于: packages/form-core/src/FieldApi.ts:1723

使用给定的模式异步解析字段的值并返回问题(如果有)。此方法不会设置任何内部错误。

参数

schema

StandardSchemaV1<TData, unknown>

用于解析此字段值的标准模式。

返回

Promise< | undefined | StandardSchemaV1Issue[]>


pushValue()

ts
pushValue(value, opts?): void
pushValue(value, opts?): void

定义于: packages/form-core/src/FieldApi.ts:1254

向字段推送一个新值。

参数

value

TData extends any[] ? TData<TData>[number] : never

opts?

UpdateMetaOptions

返回

void


removeValue()

ts
removeValue(index, opts?): void
removeValue(index, opts?): void

定义于: packages/form-core/src/FieldApi.ts:1292

删除指定索引处的值。

参数

index

number

opts?

UpdateMetaOptions

返回

void


replaceValue()

ts
replaceValue(
   index,
   value,
   opts?): void
replaceValue(
   index,
   value,
   opts?): void

定义于: packages/form-core/src/FieldApi.ts:1279

替换指定索引处的值。

参数

index

number

value

TData extends any[] ? TData<TData>[number] : never

opts?

UpdateMetaOptions

返回

void


setErrorMap()

ts
setErrorMap(errorMap): void
setErrorMap(errorMap): void

定义于: packages/form-core/src/FieldApi.ts:1686

更新字段的 errorMap。

参数

errorMap

ValidationErrorMap<UnwrapFieldValidateOrFn<TName, TOnMount, TFormOnMount>, UnwrapFieldValidateOrFn<TName, TOnChange, TFormOnChange>, UnwrapFieldAsyncValidateOrFn<TName, TOnChangeAsync, TFormOnChangeAsync>, UnwrapFieldValidateOrFn<TName, TOnBlur, TFormOnBlur>, UnwrapFieldAsyncValidateOrFn<TName, TOnBlurAsync, TFormOnBlurAsync>, UnwrapFieldValidateOrFn<TName, TOnSubmit, TFormOnSubmit>, UnwrapFieldAsyncValidateOrFn<TName, TOnSubmitAsync, TFormOnSubmitAsync>>

返回

void


setMeta()

ts
setMeta(updater): void
setMeta(updater): void

定义于: packages/form-core/src/FieldApi.ts:1222

设置字段元数据。

参数

updater

Updater<FieldMetaBase<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>>

返回

void


setValue()

ts
setValue(updater, options?): void
setValue(updater, options?): void

定义于: packages/form-core/src/FieldApi.ts:1209

设置字段值并运行 change 校验器。

参数

updater

Updater<TData>

options?

UpdateMetaOptions

返回

void


swapValues()

ts
swapValues(
   aIndex,
   bIndex,
   opts?): void
swapValues(
   aIndex,
   bIndex,
   opts?): void

定义于: packages/form-core/src/FieldApi.ts:1301

交换指定索引处的值。

参数

aIndex

number

bIndex

number

opts?

UpdateMetaOptions

返回

void


update()

ts
update(opts): void
update(opts): void

定义于: packages/form-core/src/FieldApi.ts:1145

使用新选项更新字段实例。

参数

opts

FieldApiOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TParentSubmitMeta>

返回

void


validate()

ts
validate(cause, opts?): unknown[] | Promise<unknown[]>
validate(cause, opts?): unknown[] | Promise<unknown[]>

定义于: packages/form-core/src/FieldApi.ts:1630

校验字段值。

参数

cause

ValidationCause

opts?
skipFormValidation?

boolean

返回

unknown[] | Promise<unknown[]>