Begrip: useFormStatus

De useFormStatus hook kan gebruikt worden om informatie op te halen over de laatste keer dat het formulier ingezonden werd.

De hook moet als kind van een formulier opgeroepen worden, je moet dus een nieuwe component gebruiken en kunt de useFormStatus hook niet oproepen in de component waar je het formulier definieert.

import { useFormStatus } from 'react-dom'

const SubmitButton: FunctionComponent = () => {
  const { pending, data, method, action } = useFormStatus()

  return (
    <button type="submit" disabled={pending}>Submit</button>
  )
}

const Form: FunctionComponent = () => {
  return (
    <form action={someAction}>
      <SubmitButton />
    </form>
  )
}