$ devBelts
2026-05-19

useEffect

Un hook de React que ejecuta código con efectos secundarios después del render: fetch, timers, manipulación del DOM, subscriptions.

useEffect ejecuta side effects después de que React renderiza un componente:

useEffect(() => {
    // Side effect
    const data = fetchData();
    setData(data);

    // Cleanup (opcional)
    return () => cleanup();
}, [dependencias]);  // Array de dependencias

Comportamiento según dependencias:

  • [] → se ejecuta solo al montar
  • [count] → se ejecuta al montar y cuando count cambia
  • Sin array → se ejecuta en cada render

La cleanup function se ejecuta antes del próximo effect o al desmontar.

Ver también