reactjs - 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]);
解决方案
推荐阅读
- angular - 重新加载在 docker 中运行的 Angular 应用程序会出现 500 内部服务器错误
- javascript - Vuetify-如何使文本区域中的链接可点击?
- reactjs - 内置代码片段在 VS Code for React 中不起作用
- javascript - 如何在反应中将 id child 传递给父组件?
- c# - 使用 C# (API ProxMox) 的 curl 请求
- python - flask-sqlalchemy 外键错误
- delphi - 有没有办法在 Delphi 10.4 中用更友好的别名替换一小段代码(例如语句)?
- c# - ASP.NET Core 中的 RemoteIpAddress 是否总是等同于 ASP.NET 4.x 的 REMOTE_ADDR?
- reactjs - 如何在 React.js 中将 curl 请求转换为 json
- opera - Opera 扩展和 Microsoft Edge 扩展兼容性