0

Tengo un componente que recibe datos por props. Con estos datos intento hacer varios metodos de array para poder utilizarlos. A veces me funciona, pero otras veces me da error. Poniendo que "quantity" por ejemplo es undefined, o que "dataShopping.orderLineList.map" is not a function.

Supongo que es un fallo por la gestion de la asincronia, que intento ejecutar estos metodos antes de que llegue la respuesta, pero no se como gestionarlo.

mi codigo es:

export default function ShoppingBannerSummary(data) {
    // console.log(data.data)
    const dataShopping = data.data
let quantity =  dataShopping.orderLineList.map((x)=>
x.quantity
)
console.log(quantity)
let quantityTotal = quantity.reduce((a,b)=> a+b,0)
console.log(quantityTotal)

  return (
etc....

creo que intento hacer quantity y quantityTotal antes de que datashopping tenga resultado

1
  • ¿Puedes colocar el componente padre? el 27 dic. 2022 a las 21:01

1 respuesta 1

1

Con la información que compartiste, asumo que declaraste la variable state como un arreglo vacío en el componente padre, por lo que puedes tomar la decisión de si tu variable tiene datos que cargue el componente que quieres, ejemplo:

{ arreglo.length > 0 ? <ShoppingBannerSummary data={data} /> : null }

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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