Estoy usando React Carousel de The dependency react-responsive-carousel para mostrar la imagen que el usuario cargó en Firebase. Consulto las imágenes en una matriz como:
image: [imageUrl/0, imageUrl/1, imageUrl/2, imageUrl/3, imageUrl/4] // Maximum is 5 //then display it like <Carousel infiniteLoop showStatus={true} showIndicators={true} showThumbs={true} > <div> <img src={imagesUrl[0]} alt="title"/> </div> <div> <img src={imagesUrl[1]} alt="title"/> </div> <div> <img src={imagesUrl[2]} alt="title"/> </div> <div> <img src={imagesUrl[3]} alt="title"/> </div> <div> <img src={imagesUrl[4]} alt="title" /> </div> </Carousel>Funciona bien, pero cuando el usuario cargó 3 imágenes, mostrará 5 imágenes, las últimas 2 serán imágenes en blanco, ¿es posible mapear la matriz de manera que solo muestre lo que hay en la matriz?
puede recorrer las imágenes y mostrarlas:
usando el mapa:
... images.map((image) => { return <div> <img src={image} alt="title" /> </div> }) ...