React umota nativne događaje preglednika u objekt između preglednika koji se naziva SyntheticEvent i koristi jedan slušač na root aplikacije za slanje događaja vašim rukovaocima (delegiranje događaja). Jednostavno priložite rukovaoce kao svojstva.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
onClick, onChange, onSubmit) i primaju funkciju, ne string (onClick={handleClick}, ne onClick="handleClick()").e.preventDefault(), e.stopPropagation(), e.target.Ne pozivajte funkciju tijekom renderiranja — umotajte je da se pokrene na događaju, ne odmah:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Drugi redak poziva remove(id) pri gradnji JSX-a (svakim renderiranjem), što je gotovo nikad ono što želite.
Za obrasce, prije onClick na dugme koristite onSubmit na <form> (s preventDefault), tako da radi i tipka Enter.