Я использую React-Bootstrap Carousel
компонент внутри react-visibility-sensor
компонента, например:
<VisibilitySensor>
{
({ isVisible }) => (
<Carousel
activeIndex={activeIndex}
controls={false}
interval={isVisible ? 3000 : null}
onSelect={this.handleChangeActiveIndex}
fade={fade}
>
{
images
}
</Carousel>
)
}
</VisibilitySensor>
При изменении компонента VisibilitySensor
, isVisible
будет изменено, а значение интервала будет изменено на ноль (для остановки карусели) или 3000.
Но, в настоящее время, когда компонент VisibilitySensor изменился, isVisible
был изменен, компонент был повторно визуализирован, но карусель не начала слайд (на isVisible
верно).
Является ли это моя ошибка? Спасибо.