我正在使用 React 创建一个项目,并从 JSON 文件中获取数据。我使用 URL 加载图像
<img src={image} />
我的数据中有一个散列图像(模糊),我想在等待渲染真实图像时显示它。有什么办法吗?
JSON 就像:
"hash": "UUKJMXvM{V@AHRQwvxZXSs9s;o0",
"image": "https://www.imageurl.com/",
最佳答案
您可以使用 react-progressive-image
这是一个用于渐进式图像加载的 npm 包。您可以使用以下方式安装它:
npm i react-progressive-image
然后像这样使用它:
<ProgressiveImage src={image} placeholder={hash}>
{src => <img src={src} alt="an image" />}
</ProgressiveImage>
希望这对您有帮助。
关于javascript - React 在加载图像时从数据加载 HashMap 像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59949095/