0

Tengo un problema con el useEffect de react al momento de renderizar el componente se ejecuta dos veces

import "./App.css";
import { useEffect } from "react";

function App() {
  useEffect(() => {
    console.log("Componente renderizado!!");
  }, []);

  return (
    <>
      <h2>React</h2>
    </>
  );
}

export default App;

introducir la descripción de la imagen aquí

2
  • 2
    Es intencional. El StrictMode de React renderiza dos veces los componentes para ayudarte a detectar efectos secundarios de la renderización. Esto solo ocurre durante el desarrollo. stackoverflow.com/questions/48846289/… Commented el 4 may. 2022 a las 1:28
  • Gracias, justo eso estaba leyendo de la nueva version de react 18
    – Jose Luis
    Commented el 4 may. 2022 a las 1:55

1 respuesta 1

4

Eliminar el <React.StrictMode> de index.js.

Como indica Federico Meza en los comentarios, el StrictMode de React renderiza dos veces los componentes (de forma intencional) para ayudarte a detectar efectos secundarios de la renderización. Sólo ocurre durante el desarrollo.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.