組み込みの React DOM フック
react-dom
パッケージには、(ブラウザ DOM 環境で実行される)ウェブアプリケーション専用のフックが含まれています。これらのフックは、iOS、Android、Windows アプリケーションといった非ブラウザ環境ではサポートされていません。ウェブブラウザとその他の環境の両方でサポートされるフックを探している場合は、React のフック一覧ページをご覧ください。このページは、react-dom
パッケージのすべてのフックの一覧です。
フォーム関連フック
フォームにより、情報を送信するためのインタラクティブなコントロールを作成できます。コンポーネント内でフォームを管理するために以下のフックを使用できます。
useFormStatus
によりフォームのステータスに基づいて UI を更新できます。
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>
);
}