Contador com States no React
Vamos fazer um contador de cliques em um botão:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Podemos nos livrar da função de manipulador, substituindo-a por uma função anônima de seta:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Suponha que um número seja armazenado no state. Exiba esse número em um parágrafo. Crie dois botões. Deixe o primeiro botão aumentar o número em um, e o segundo - diminuí-lo.
