首页 > 解决方案 > react-multi-carousel 初始幻灯片

问题描述

我正在使用 react-multi-carousel 并且无法弄清楚如何设置初始幻灯片索引。

我在模态中使用轮播,模态显示基于单击图库中的图像。滑块应显示该图像并允许从那里滚动图库的其余部分。

一旦使用以下内容进行初始化,我就可以使用它。但我无法弄清楚如何设置初始幻灯片索引。它总是在位置 1 加载。是否有解决方法,因为我认为没有内置任何东西来设置它。

const handleGoToSlideImage = (index) => {
    slider.current?.goToSlide(index);
    ...
};

useEffect(() => {
   handleGoToSlideImage(getImageViewerSel.index);
   setSlideCounter(slider.current.state.currentSlide + 1);
}, [slider.current, getImageViewerSel.index]);

标签: reactjsreact-multi-carousel

解决方案


推荐阅读