React Hooks
React DOM Hook
useFormStatus – form küldési állapot (react-dom).
React DOM Hook
useFormStatus (react-dom)
Mire való?
Egy form aktuális submission állapotát adja vissza (pl. loading/pending).
Mikor használjuk?
- Submit gomb letiltásához küldés közben.
- Loading indikátor megjelenítéséhez form-on belül.
import { useFormStatus } from 'react-dom';
// ⚠️ Ezt a komponenst a <form> BELSEJÉBE kell tenni, nem mellé!
function SubmitButton() {
const { pending } = useFormStatus();
return (
<button type="submit" disabled={pending}>
{pending ? 'Küldés...' : 'Küldés'}
</button>
);
}
function ContactForm() {
return (
<form action={submitFormAction}>
<input name="email" type="email" />
<SubmitButton />
</form>
);
}