A React az eredeti böngészőeseményeket egy SyntheticEvent nevű böngészőközi objektumba csomagolja, és az alkalmazás gyökerénél egyetlen figyelőt használ az események az Ön kezelőihez való továbbítására (eseménydelegálás). Egyszerűen csatlakoztassa a kezelőket tulajdonságokként.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
onClick, onChange, onSubmit) és egy függvényt vesznek fel, nem karakterláncot (onClick={handleClick}, nem onClick="handleClick()").e.preventDefault(), e.stopPropagation(), e.target.Ne hívja meg a függvényt a renderelés során — csomagolja be, hogy az eseményen fusson, ne azonnal:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
A második sor a remove(id) értékeket hívja meg a JSX építésekor (minden rendereléskor), ami szinte soha nem az, amit szeretne.
Az űrlapok esetében a gomb onClick helyett a <form> (preventDefault segítségével) onSubmit értékét részesítse előnyben, hogy az Enter billentyű is működjön.
IT interjúkérdések gyűjteménye részletes válaszokkal — Juniortól Seniorig.
Adományozás