React mbungkus native browser events ing cross-browser object aran SyntheticEvent lan nggunakake single listener ing root saka app kanggo dispatch events menyang handlers (event delegation). Sampeyan mung perlu attach handlers minangka props.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
onClick, onChange, onSubmit) lan njupuk function, dudu string (onClick={handleClick}, dudu onClick="handleClick()")e.preventDefault(), e.stopPropagation(), e.target.Jangan nyumpak function nalika rendering — bungkus supaya running ing event, dudu langsung:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Garis nomer loro nyumpak remove(id) nalika membangun JSX (saben render), sing meh ora kéné sing pengin.
Kanggo forms, pilih onSubmit ing <form> (karo preventDefault) tinimbang onClick ing button, supaya tombol Enter tumindak uga.