Hooks
Los hooks de React son funciones que permiten manejar estado y ciclo de vida de componentes. Son una añadición reciente a React, utilizados en conjunto a los componentes funcionales.
Los principales son useState
y useEffect
y useContext
.
La API de hooks tiene la lista completa.
function App() {
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `Apretado ${count} veces`;
}, [count]);
return (
<button onClick={() => setCount(count + 1)}>
Incrementar el contador
</button>
);
}
Ojo que no todos los hooks realizan re-renders 👀
La convención es que los hooks empiecen con use
.