useFormStatus
<form>の中のComponentから呼び出し、親formの状態を取得できる
<form>と併用することが前提にある
そのため、react-domからexportされている
code:ts
const { pending, data, method, action } = useFormStatus();
例
code:ts
export default function App() {
return (
<form action={action}>
<Submit />
</form>
);
}
function Submit() {
const status = useFormStatus(); // 親formの状態を取得
return <button disabled={status.pending}>Submit</button>
}
formが送信中の時pendingが得られる