← Ruta· Lección 3 de 8
Estado con useState
Memoria local del componente que dispara re-render.
TODO i18n: Full body translation pending. Title and description are localized; the body below remains in Portuguese for now.
useState guarda um valor entre renders e agenda uma atualização da UI quando muda.
import { useState } from 'react';
function App() {
const [count, setCount] = useState(0);
return (
<button type="button" onClick={() => setCount((c) => c + 1)}>
Cliques: {count}
</button>
);
}
Nota esqueleto HTML: cada clic actualiza el estado → React vuelve a renderizar App dentro de #root. El documento exterior (import map, Sucrase, createRoot) no cambia.