Cuireann React impleachtaí nádúrtha an bhréagáin i mbreis i réad atá trasnach-bhréagáin ar a dtugtar SyntheticEvent agus úsáideann sé éisteoir singil ag fréamh an app chun imeachtaí a scaipeadh chuig do láimhsitheoirí (ionadaíocht imeachtaí). Ní dhéanann tú ach láimhsitheoirí a ghreamú mar airíonna.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
onClick, onChange, onSubmit) agus glacann siad le feidhm, ní string (onClick={handleClick}, ní onClick="handleClick()".e.preventDefault(), e.stopPropagation(), e.target.Ná glaoch ar an bhfeidhm agus tú ag déanamh - fáisc í ionas go ritheann sé ar an imeachta, ní go tapa:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Tugann an dara líne glaoch ar remove(id) agus an JSX á thógáil (gach rindreáil), ar annamh a bhíonn sé sin ag teastáil uait.
I leith foirmeacha, is fearr onSubmit ar an <form> (le preventDefault) seachas onClick ar an gcnaipe, ionas go n-oibríonn an eochair Iontráil freisin.