next.js 图像和图标的备用图像

r1wp621o 于 2023-08-04 发布在其他

关注(0)|答案(1)|浏览(105)

有没有一种方法，我会有一个标准的SVG文件，可以作为备份，如果所有其他的图片和图标无法加载（由于不取或只是在客户端的一些错误）。
至于图标，我使用SVGR库来导入svgs作为组件，基本上，我没有真正看到一个解决办法在这里。
对于图像，我使用next的，它有一个onError函数，但它只是导致无限循环。我的大多数图像和图标都在公共文件夹中，所以有备份图像的感觉吗？有没有一种方法可以在每次构建应用程序时强制加载图标，以便即使没有网络也可以随时使用？
但是对于获取的，我需要它，因为我不想显示空白

next.js

来源：https://stackoverflow.com/questions/76769468/fallback-images-for-images-and-icons

1条答案

按热度按时间

dzhpxtsq1#

你可以尝试这样的东西，一个通用的图像组件。

<img 
   src={hasError ? '/path/to/fallback/image.png' : props.src} 
   onError={()=> setHasError(true)} 
   alt={props.alt}
 />

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

next.js 图像和图标的备用图像

1条答案

相关问题

热门标签

最新问答