Rx Form State
Edit page
开始
教程
API
useFormStateFormStateContextFieldFieldArrayFormValueMonitoruseFormStateContextuseFormSelectuseFormSubmitting示例方法签名关联useFielduseFieldStateuseFieldErroruseFieldValueuseFieldToucheduseFieldArrayRelyRule

useFormSubmitting

获取表单提交中状态的 hook。

import React from 'react';
import { useFormSubmitting } from '@sinoui/rx-form-state';
function Demo() {
  const isSubmitting = useFormSubmitting();
  return (
    <button type="submit" disabled={isSubmitting}>
      {isSubmitting ? '正在提交' : '提交'}
    </button>
  );
}

示例

useFormSubmitting有两种用法：

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

在formState上下文中使用

const isSubmitting = useFormSubmitting();

在formState上下文之外使用

const formState = ...; // 通过某种方法获取到`formState`
const isSubmitting = useFormSubmitting(formState);

方法签名

function useFormSubmitting(formState?: FormState): boolean;

关联

  • useFormSelect