滑块的第一个图像看起来不会，除非您在进入页面时不单击导航按钮

Question

当您第一次输入页面或刷新时，第一个图像似乎不会出现。然而，当你点击导航按钮，在到达第一个图像后，它似乎。

.
.
import SimpleImageSlider from "react-simple-image-slider";
.
.
.
const images = [{ url: file0 }, { url: file1 }, { url: file2 }];
.
.
.
return(
<>
<section className="shadow-none p-3 mb-5 rounded d-flex justify-content-center">
<SimpleImageSlider
width={896}
height={504}
images={images}
autoPlay
autoPlayDelay={5}
showBullets
showNavs
/>
</section> 
</>
) ;

有人能帮忙吗？

Answer 1

在使用滑块之前需要编写条件：

images.length > 0

所以你的代码可能看起来像这个

.
.
import SimpleImageSlider from "react-simple-image-slider";
.
.
.
const images = [{ url: file0 }, { url: file1 }, { url: file2 }];
.
.
.
return(
<>
<section className="shadow-none p-3 mb-5 rounded d-flex justify-content-center">
{images.length > 0 &&
<SimpleImageSlider
width={896}
height={504}
images={images}
autoPlay
autoPlayDelay={5}
showBullets
showNavs
/>
}
</section> 
</>
) ;