Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

151
Visualizações
Mi aplicación de reacción se congela/retrasa en dispositivos móviles

Creé una aplicación pero se bloquea en los dispositivos móviles, no sé cuál es el problema.

La aplicación en netlify: https://mlvo.netlify.app/

En computadoras funciona muy bien y es fluido, pero en dispositivos móviles funciona al aterrizar en la página, pero después de 2/3 acciones, se congela.

¿Puede alguien ayudarme por favor?

about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

Al abrir su aplicación y verificar la consola, puede ver que tampoco funciona bien en el escritorio. Hay un console.log infinito que se llama desde Planning.js . ingrese la descripción de la imagen aquí

Tienes que volver atrás y ver qué podría estar causando eso. (Sin ver el código, esto parece un problema con useEffect que causa una reproducción infinita y golpea los registros de la consola).

La razón por la que parece estar bien en una computadora de escritorio es probablemente porque las computadoras de escritorio tienen más recursos que los teléfonos, por lo que no ve una caída de rendimiento tan grande debido a los registros repetidos de la consola.

about 4 years ago · Juan Pablo Isaza Relatório

0

Parece que hay un efecto secundario que hace que tu aplicación se ejecute en un bucle infinito.

¿Por qué este comportamiento?

Tiene 2 useEffects, el primero que se carga después de que se monta el componente, que hace un hit de API y establece su estado en response.data . el segundo tiene la lista de eventos como una de sus dependencias, cuando la dependencia cambia, la reacción activa otra representación y, por lo tanto, la dependencia cambia, y así sucesivamente.

 const [eventList, setEventList] = useState([]);
 useEffect(() => { Axios.get('https://mlvo-planning.herokuapp.com/read').then((response) => { setEventList(response.data); }) }); useEffect(() => { if(eventList){ eventList.map((l)=>{ console.log(moment(l.eventDate, "DD-MM-YYYY").format("ddd DD MMM")); }); } },[eventList]);

¿Cómo prevenir este comportamiento?

El bucle infinito se soluciona mediante la gestión correcta del argumento de dependencias useEffect(callback, dependencies).

Una forma eficiente de evitar el ciclo infinito es administrar adecuadamente las dependencias de los ganchos: controlar cuándo se debe ejecutar exactamente el efecto secundario.

Le recomiendo que lea más sobre el gancho useEffect

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda