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/… el 4 may. 2022 a las 1:28
  • Gracias, justo eso estaba leyendo de la nueva version de react 18
    – Jose Luis
    el 4 may. 2022 a las 1:55

1 respuesta 1

2

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

Como indica Federico Meza en los comentarios, el StrictMode de React renderiza ods veces los componentes (de forman 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 that you have read and understand our privacy policy and code of conduct.

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