Skip to content

useIsSubmitting

A hook which returns whether the given form is in the process of being submitted. This includes pre-submission validation and submission itself (e.g. async API request).

const form = useForm({
initialValues: { username: "" },
submit: data => sendRequest(data)
});
const isSubmitting: boolean = useIsSubmitting(form);
return (
<form onSubmit={form.submit}>
{/* ... */}
<button type="submit" disabled={isSubmitting}>Submit</button>
</form>
)
function useIsSubmitting(form: Nullable<Form<any>>): boolean