React inabadilisha matukio ya asili ya kiobrauza katika kitu kinachozingatiwa kote kwa kiobrauza kinachoitwa SyntheticEvent na hutumia kilichosikiliza kimoja katika mizani ya programu ili kutuma matukio kwa wanasimu wako (event delegation). Unaunganisha tu wanasimu kama props.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
onClick, onChange, onSubmit) na huchukua kazi, si kamba (onClick={handleClick}, si onClick="handleClick()").e.preventDefault(), e.stopPropagation(), e.target.Siimu kazi wakati wa kutoa — ambatanisha ili iendelezewe kwenye matukio, si mara moja:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Safu ya pili inaamua remove(id) wakati wa kujenga JSX (kila kutoa), ambayo ni karibu kamwe ile unayotaka.
Kwa fomu, pendelea onSubmit kwenye <form> (pamoja na preventDefault) juu ya onClick kwenye kitufe, ili kitufe cha Enter kiendelee.