如何创建一个加载器，当图像在 react js 中的图像滑块中加载时，该加载器将在图像之间加载

Question

我是学习反应的初学者，我使用图像滑块创建项目组合，我希望能够在图像一个接一个加载时创建一个加载器。 这是代码的链接 https://github.com/motuncoded/fatah-website/blob/main/src/components/ImageGuitarSlider.js

Answer 1

不幸的是，没有太多信息可以继续，但您可以使用useEffect来实现这一点。下面是一个通用示例，您可以从以下开始：在ImageSilder中添加一个用于加载的useState，在useEffect中使用超时为 1.5 秒的承诺。

const [loading, setLoading] = useState(false)
useEffect(() => {
setLoading(true)
const loadingHandler = () => {
return new Promise(resolve => {
setTimeout(() => {
resolve()
}, 1500)

}
}

loadingHandler.then(() => setLoading(false))
}, [ticket])

每当工单状态发生变化时，它都会触发useEffect(我们将工单作为依赖项传递给 useEffect)，它将加载状态设置为 true，等待 1.5 秒并将加载设置为 false。可以使用此加载状态显示加载图标，例如微调器或加载栏。

根据描述中提供的信息，这可能不是一个完整的解决方案，它可以成为您正在寻找的内容的起点。