← React17 / 78

Event Handler: onClick, onChange, onSubmit

Event handler di React menggunakan camelCase (seperti onClick, onSubmit). Jalankan e.preventDefault() pada onSubmit untuk mencegah reload halaman.

👀 Contoh dulu

function Form() {
  const handleSubmit = (e) => {
    e.preventDefault();
  };
  return <form onSubmit={handleSubmit}>...</form>;
}

Hasilnya: Form disubmit secara AJAX tanpa memuat ulang browser.

💡 e.preventDefault() wajib dipanggil saat submit form di React.

📝 Sekarang giliranmu

Di dalam fungsi handler form, panggil metode pada objek event e untuk mencegah halaman termuat ulang secara default.

Preview
← SebelumnyaBerikutnya →