React apgaubia nativinius naršyklės įvykius į cross-browser objektą, vadinamą SyntheticEvent, ir naudoja vieną klausantį programos šaknyje, norėdamas išsiųsti įvykius jūsų tvarkytuvams (event delegation). Jūs tik turite prisegti tvarkytuvus kaip props.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
IT pokalbių klausimų biblioteka su išsamiais atsakymais — nuo Junior iki Senior.
PaaukotionClick, onChange, onSubmit) ir priima funkciją, ne eilutę (onClick={handleClick}, o ne onClick="handleClick()")e.preventDefault(), e.stopPropagation(), e.target.Neiškvieskite funkcijos renderavimo metu — apverskite ją taip, kad ji būtų vykdoma įvykio metu, o ne iš karto:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Antra eilutė iškviečia remove(id) kuriant JSX (kiekviename renderavime), kuris beveik niekada nėra tai, ką norite.
Dėl formų teikite pirmenybę onSubmit <form> (su preventDefault) o ne onClick mygtuką, kad veiktų ir Enter klavišas.