Contatore con stati in React
Creiamo un contatore per i clic su un pulsante:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Possiamo eliminare la funzione handler sostituendola con una funzione freccia anonima:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Supponiamo che un numero sia memorizzato nello stato. Visualizza questo numero in un paragrafo. Crea due pulsanti. Lascia che il primo pulsante aumenti il numero di uno, e il secondo lo diminuisca.
