Carousel

Topic: Carousel

ivonapilcevic free asked 1 year ago

Expected behavior: I am using MDBReact Carousel with thumbnails, and if i just copy it from website it wokrs fine, but I need my images to be dynamic, so I use map function, but then it doesn't work.

Actual behavior: When I use map function inside MDBCarouselInner, like so:

<MDBCarouselInner>
    {images.map((image, id) => (
        <MDBCarouselItem itemId={id}>
            <img
                className="d-block w-100"
                src={image.url}
                alt="First slide"
             />
          </MDBCarouselItem>
    ))}
</MDBCarouselInner>

the Carousel just doesnt work properly. It doesn't render all available images, and last slide is empty. Can you please help me solve this problem?

Piotr Glejzer staff commented 1 year ago

Is just a prbolem with that if you use dynamic data from api?

Fruity Time free commented 1 year ago

Had the same problem when using data from api.

Wojciech Staniszewski staff commented 1 year ago

Thanks for Your report, we will take a look at this problem, and fix it as soon as possible.

Add comment