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.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.27.0
  • Device: MacBook Pro
  • Browser: Chrome, Safari, Mozzila
  • OS: MacOs
  • Provided sample code: No
  • Provided link: No