Estoy recorriendo un array de objetos con el método .map pero necesito mostrar el array de objetos dentro del mismo "producto" adicionalmente el array de "aplicaciones"... ya que el "producto" tiene dichas aplicaciones, he recorrido el array con .map.. todo bien, pero las aplicaciones seria genial que estén dentro de un ul>li.. dentro de la misma tarjeta del producto..
const aplicaciones = productos.length > 0 && productos.map((serie) => {
console.log('productosLENGHT', productos.length)
return (
<div style={{ border: '1px solid blue' }}>
<h1>{serie.nombre} </h1>
{serie.marca.length > 0 && serie.marca.map((season) => (
<>
<p>{season.nombreMarca}</p>
<p>{season.precioVenta}</p>
</>
))}
{serie.aplicacion.length > 0 && serie.aplicacion.map((season) => (
<ul>
<li>{season}</li>
</ul>
))}
</div>
);
});
Añado el código la cuestion es que busco nuevamente y habiendo productos me marca error en la longitud de la marca error.map
adjunto código.
[![introducir la descripción de la imagen aquí][2]][2]