React ivolġi l-avvenimenti nativi tal-browser f'oġġett cross-browser imsejjaħ SyntheticEvent u juża mudell waħdieni fil-għerq tal-app biex jibgħat avvenimenti lill-ivvreili tiegħek (event delegation). Inti biss tridu tattaċċa l-ivvreili bħala props.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
onClick, onChange, onSubmit) u jieħdu funzjoni, mhux string (onClick={handleClick}, mhux onClick="handleClick()")e.preventDefault(), e.stopPropagation(), e.target.Taxilx se tħabbat il-funzjoni waqt it-tat-tabdil — ħallitha sabiex taħdem fuq l-avveniment, mhux daqstant:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
It-tieni linja ħabbat remove(id) waqt il-bini tal-JSX (kull render), li hekk kif xejn dak li inti trid.
Għall-formi, preferenza onSubmit fuq il-<form> (b' preventDefault) minflok onClick fuq il-buttuna, sabiex il-buttuna Ħoll taħdem ukoll.