Compteur avec les états dans React
Créons un compteur de clics sur un bouton :
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
On peut se passer de la fonction gestionnaire en la remplaçant par une fonction fléchée anonyme :
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Supposons qu'un nombre soit stocké dans l'état. Affichez ce nombre dans un paragraphe. Créez deux boutons. Que le premier bouton augmente le nombre de un, et le second - le diminue.
