教程

API

useFormState FormStateContext Field FieldArray FormValueMonitor useFormStateContext useFormSelect 基本用法方法签名 useFormSubmitting useField useFieldState useFieldError useFieldValue useFieldTouched useFieldArray RelyRule

useFormSelect

提取表单状态的 hook。

import { useFormSelect } from '@sinoui/rx-form-state';

基本用法

我们可以通过useFormSelect获取到表单中的任何状态，通过selector函数定义最终返回的状态数据。

useFormSelect有两种用法：

在formState上下文中使用
在formState上下文之外使用

在`formState`上下文中使用

const userName = useFormSelect(
  (formStateModel) => formStateModel.values.userName,
);

在`formState`上下文之外使用

const formState = ...; // 通过某种方式获取到formState
const userName = useFormSelect(
  formState,
  (formStateModel) => formStateModel.values.userName,
);

方法签名

function useFormSelect<T, M>(
  selector: (FormStateModel: FormStateModel<T>) => M,
): M;
function useFormSelect<T, M>(
  formState: FormState<T>,
  selector: (FormStateModel: FormStateModel<T>) => M,
): M;