Počítadlo so stavmi v React
Vytvorme počítadlo kliknutí na tlačidlo:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Môžeme sa zbaviť funkcie-obsluhy, nahradením jej anonymnou funkciou šípky:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Nech v stave je uložené číslo. Vypíšte toto číslo v odseku. Vytvorte dve tlačidlá. Nech prvé tlačidlo zvyšuje číslo o jednu, a druhé - znižuje ho.
