Numërues me State në React
Le të bëjmë një numërues të klikimeve të butonit:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Mund të heqim qafe funksionin përpunues, duke e zëvendësuar atë me një funksion anonim shigjete:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Le të ruhet një numër në state. Shfaqeni këtë numër në një paragraf. Bëni dy butona. Le të rritet butoni i parë numrin për një, ndërsa i dyti - e zvogëlon atë.