React ovije domače ereignaje brskalnika v predmet cross-browser imenovan SyntheticEvent in uporabi posamezen listener v korenu aplikacije, da pošilja dogodke vašim obdelavam (delegiranje dogodkov). Preprosto pripnete obdelave kot props.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
onClick, onChange, onSubmit) in sprejmejo funkcijo, ne niza (onClick={handleClick}, ne onClick="handleClick()")e.preventDefault(), e.stopPropagation(), e.target.Ne kličite funkcije med upodabljanjem — zavijte jo tako, da se izvede na dogodku, ne takoj:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Druga vrstica kliče remove(id) med gradnjo JSX (pri vsakem upodabljanju), kar skoraj nikoli ni tisto, kar želite.
Za obrazce je bolje uporabiti onSubmit na <form> (s preventDefault) namesto onClick na gumbu, da deluje tudi tipka Enter.