React membungkus acara browser asli dalam objek lintas-browser yang disebut SyntheticEvent dan menggunakan satu pendengar di akar aplikasi untuk mengirimkan acara ke penangan Anda (delegasi acara). Anda hanya menambahkan penangan sebagai prop.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
Perpustakaan pertanyaan wawancara IT dengan jawaban mendetail — dari Junior hingga Senior.
DonasionClick, onChange, onSubmit) dan menerima fungsi, bukan string (onClick={handleClick}, bukan onClick="handleClick()").e.preventDefault(), e.stopPropagation(), e.target.Jangan panggil fungsi saat rendering — bungkus agar berjalan pada acara, bukan segera:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Baris kedua memanggil remove(id) saat membangun JSX (setiap render), yang hampir tidak pernah yang Anda inginkan.
Untuk formulir, lebih sukai onSubmit pada <form> (dengan preventDefault) daripada onClick pada tombol, agar kunci Enter juga berfungsi.