Contor cu stări în React
Să creăm un contor pentru clicurile pe buton:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Putem elimina funcția de manipulare, înlocuind-o cu o funcție săgeată anonimă:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Să presupunem că în starea este stocat un număr. Afișați acest număr într-un paragraf. Creați două butoane. Primul buton să mărească numărul cu unu, iar al doilea să îl micșoreze.
