0
182
Viewsreact-lazy-load-image-component Obteniendo el error "TypeError: no se pueden leer las propiedades de undefined (leyendo 'prototipo')"
Estoy usando React Testing Library, y cuando el componente que estoy representando contiene una LazyLoadImage de "react-lazy-load-image-component" aparece el error "TypeError: Cannot read properties of undefined (reading 'prototype') ".
Aquí hay una imagen del error que obtuve:
Y esta es la imagen del fragmento de código en el componente que representé:
Si a alguien le pasa lo mismo que a mí y ha encontrado una solución, se lo agradezco mucho. Gracias
1 answers
Answer question0
Estaba teniendo un tipo de error similar (no exactamente el mismo) y lo resolví cambiando algunas cosas.
Está planeando asignar el valor a src del componente LazyloadImage solo si:
una. Contiene una imagen que está dentro de meta (que está interna dentro del artículo) y no está seguro de que estos parámetros estén presentes todo el tiempo.Ha agregado una condición lógica y para verificar la presencia de cada elemento en la jerarquía para que no haya un problema de no poder encontrar un elemento indefinido
Lo principal es ¿qué pasa si alguno de esos bloques de condiciones cae en una condición falsa?
En ese momento, su etiqueta de imagen recibe src como falso (src acepta la cadena no booleana)
asi que,
En lugar de <LazyLoadImage src={article && article.meta && article.meta.image} >
uso: {article && article.meta && article.meta.image && <LazyLoadImage src={article.meta.image} >}
Esto verificará la existencia de src antes de compilar en el navegador.
¡Espero que esto ayude!