В дизайн-системах часто требуется писать компоненты дизайна, которым нужен доступ к информации о <form>, в котором они находятся, без прокидывания пропсов вниз по дереву компонентов. Это можно сделать через Context, но чтобы упростить общий случай, мы добавили новый хук useFormStatus:

import { useFormStatus } from 'react-dom';
 
function DesignButton() {
  const { pending } = useFormStatus();
  return <button type="submit" disabled={pending} />
}

useFormStatus считывает статус родительской <form>, как если бы форма была провайдером Context.

Назад