Licznik na stanach w React
Stwórzmy licznik kliknięć przycisku:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Można pozbyć się funkcji obsługującej, zastępując ją anonimową funkcją strzałkową:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Niech w stanie przechowywana jest liczba. Wyświetl tę liczbę w akapicie. Stwórz dwa przyciski. Niech pierwszy przycisk zwiększa liczbę o jeden, a drugi - zmniejsza ją.
