Brojač na stanjima (state) u React-u
Hajde da napravimo brojač klikova na dugme:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Možemo se osloboditi funkcije-rukovaoca (handler), zamenivši je anonimnom streličastom (arrow) funkcijom:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Neka se u stanju (state) čuva broj. Prikažite taj broj u paragrafu (p). Napravite dva dugmeta. Neka prvo dugme uvećava broj za jedan, a drugo - umanjuje ga.