useEffect

¿Qué es un gancho?

Los ganchos nos permiten "conectarnos" a funciones de React, como los métodos de estado y ciclo de vida.

 El hook useEffect en React se utiliza para realizar efectos secundarios en componentes funcionales. Estos efectos pueden ocurrir después de que el componente ha sido renderizado en el DOM, y pueden ser utilizados para realizar tareas como la suscripción a eventos, realizar solicitudes de red, modificar el DOM directamente, entre otros.

Cuando se utiliza useEffect, puedes especificar una función que se ejecutará después de que React haya terminado de renderizar el componente.

Aquí hay un ejemplo de cómo se puede usar useEffect para controlar efectos secundarios después de que el estado de un componente cambie y se vuelva a renderizar:

import React, { useState, useEffect } from 'react';

function MyComponent() {

  const [count, setCount] = useState(0);

  useEffect(() => {

    // Este efecto se ejecutará cada vez que count cambie

    console.log('El valor de count ha cambiado:', count);

    // Aquí puedes realizar cualquier efecto secundario que necesites

    // después de que el componente se haya renderizado nuevamente

//El efecto secundario es simplemente imprimir en la consola un mensaje que indica que el //valor de count ha cambiado

  }, [count]); // Este array de dependencias asegura que el efecto se ejecute solo cuando count cambie

  return (

    <div>

      <p>Count: {count}</p>

      <button onClick={() => setCount(count + 1)}>

        Incrementar

      </button>

    </div>

  );

}

export default MyComponent;