Hooks DOM embutidos do React

O pacote react-dom contém Hooks que são suportados apenas para aplicações web (que rodam no ambiente DOM do navegador). Estes Hooks não são suportados em ambientes que não são de navegador como aplicativos iOS, Android ou Windows. Se você está procurando por Hooks que são suportados em navegadores web e outros ambientes veja a página de React Hooks. Esta página lista todos os Hooks no pacote react-dom.

Hooks de formulário

Formulários permitem que você crie controles interativos para submeter informações. Para gerenciar formulários em seus componentes, use um destes Hooks:

useFormStatus permite que você faça atualizações na UI com base no status de um formulário.

function Form({ action }) {
  async function increment(n) {
    return n + 1;
  }
  const [count, incrementFormAction] = useActionState(increment, 0);
  return (
    <form action={action}>
      <button formAction={incrementFormAction}>Count: {count}</button>
      <Button />
    </form>
  );
}

function Button() {
  const { pending } = useFormStatus();
  return (
    <button disabled={pending} type="submit">
      Submit
    </button>
  );
}

NextuseFormStatus