React-responsive-carousel: autoPlay don't work with my code i use map

[spk-cpsamut]

<Carousel autoPlay> {slideImages.map((image) => { return ( <div> <img src={image.link} alt="" /> </div> ); })} </Carousel>

[GregBoss]

autoPlay={true}

[kimixz]

-I have the same issue

[deanbot]

@spk-cpsamut perhaps slideImages is empty on initial render.

I fixed this issue by ensuring Carousel isn't rendered until slides are populated, see the example usage:

<div>
  {(slideImages && slideImages.length > 0) && (
    <Carousel
      {...carouselProps}
    >
      {slideImages.map(item => { return <div>...</div>; })}
    </Carousel>
  )}
</div>

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.