Javascript 如何处理图像背景的加载状态?

Javascript 如何处理图像背景的加载状态?,javascript,css,reactjs,promise,Javascript,Css,Reactjs,Promise,我显示一组图像。我希望在加载过程中显示灰色背景,承诺成功后显示实际图像,如果过程失败,则显示错误图像。由于图像对象中提供了url,因此可以从服务器检索图像 所有图像都可以异步加载。如何根据完成状态返回不同的背景 我的代码非常简单: imageList.mapimage,i=> 我正在使用React。因此我找到了@ParthPatel建议的lazyload库的以下解决方法: { e、 目标为HTMLImageElement.src= errorimg.jpg; }} className=lazy

我显示一组图像。我希望在加载过程中显示灰色背景,承诺成功后显示实际图像,如果过程失败,则显示错误图像。由于图像对象中提供了url,因此可以从服务器检索图像

所有图像都可以异步加载。如何根据完成状态返回不同的背景

我的代码非常简单: imageList.mapimage,i=>


我正在使用React。

因此我找到了@ParthPatel建议的lazyload库的以下解决方法:

{ e、 目标为HTMLImageElement.src= errorimg.jpg; }} className=lazyload
/>看一看。这可能会有帮助,谢谢,但是这个库只进行延迟加载。我无法根据加载状态指定要显示的背景。请选中此选项,您可以将SkeletonTheme作为well@DoneDeal0他们有cssapi。谁能做到这一点。我猜