← Next.js31 / 57
useActionState untuk Pending & Error
Hook useActionState mengelola status pending, respon error, dan data kembalian dari Server Action ke UI Client Component.
👀 Contoh dulu
const [state, formAction, isPending] = useActionState(updateUser, null);
Hasilnya: isPending bernilai true saat form dalam proses pemrosesan server.
💡 useActionState menggantikan useFormState di Next.js / React 19.
📝 Sekarang giliranmu
Fungsi updateUser adalah sebuah Server Action. Gunakan hook dari React yang khusus menangani state form action untuk mengelola fungsi tersebut. Ekstrak tiga nilai ke dalam array [state, formAction, isPending] dan berikan null sebagai argumen nilai awal state.
Preview