Contador con estados en React
Hagamos un contador de clics en un botón:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Podemos eliminar la función manejadora, reemplazándola con una función flecha anónima:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Supongamos que se almacena un número en el estado. Muestra este número en un párrafo. Crea dos botones. Deja que el primer botón incremente la edad en uno, y el segundo - la disminuya.
