React përdor ngjarjet native të shfletuesit në një objekt cross-browser të quajtur SyntheticEvent dhe përdor një dëgjues të vetëm në rrënjën e aplikacionit për të dërguar ngjarjet te përpunuesit tuaj (delegimi i ngjarjeve). Ju thjesht lidhni përpunuesit si props.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
onClick, onChange, onSubmit) dhe marrin një funksion, jo një varg (onClick={handleClick}, jo onClick="handleClick()")e.preventDefault(), e.stopPropagation(), e.target.Mos e thërrisni funksionin gjatë përshkrimit — mbështilleni atë në mënyrë që të ekzekutohet në ngjarje, jo menjëherë:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Vija e dytë thërret remove(id) gjatë ndërtimit të JSX (në çdo përshkrim), gjë që pothuajse asnjëherë nuk është ajo që dëshironi.
Për forma, preferoni onSubmit në <form> (me preventDefault) në vend të onClick në buton, në mënyrë që tastet Enter të funksionojnë gjithashtu.