React ya nanata abubuwan jinga na asali na fuska ta gida a cikin wani abu da ake kira SyntheticEvent kuma yana amfani da maidowa guda daya a gindin app don banbayi jinga ga ku handlers (jinga delegarsi). Kawai kike rataa da handlers a matsayin kaddarorin.
<button onClick={e => { e.preventDefault(); save(); }}>Save</button>
Ɗakin karatu na tambayoyin hira na IT tare da amsoshi cikakke — daga Junior zuwa Senior.
Ba da GudummawaonClick, onChange, onSubmit) kuma suna ɗauki aiki, ba kamba ba (onClick={handleClick}, ba onClick="handleClick()".e.preventDefault(), e.stopPropagation(), e.target.Kada ka kira aiki yayin fassara — haɗa shi don ya gudu akan jinga, ba nan ba:
<button onClick={() => remove(id)}>Delete</button> // ✅ runs on click
<button onClick={remove(id)}>Delete</button> // ❌ runs during render!
Labari na biyu yana kira remove(id) yayin gina JSX (kowane fassara), wanda kusan ba menene kake so ba.
Garin nau'oi, zaɓi onSubmit akan <form> (tare da preventDefault) maimakon onClick akan maɓalli, don kuma littafin madauki ya aiki.