Built-in React DOM Hooks

Package react-dom berisi Hooks yang hanya didukung untuk aplikasi web (yang berjalan di lingkunan DOM peramban). Hooks ini tidak didukung di lingkungan non-peramban seperti aplikasi iOS, Android, atau Windows. Jika Anda mencari Hooks yang didukung di peramban web dan lingkungan lainnya lihat halaman React Hooks. Halaman ini mencantumkan semua Hooks dalam package react-dom.


Form Hooks

Canary

Form Hooks saat ini hanya tersedia di canary dan kanal eksperimental React. Pelajari lebih lanjut tentang kanal rilis React di sini.

Forms memungkinkan Anda membuat kontrol interaktif untuk mengirimkan informasi. Untuk mengelola form di komponen Anda, gunakan salah satu Hooks ini:

  • useFormStatus memungkinkan Anda melakukan pembaruan pada UI berdasarkan status form.
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>
);
}