图片请求不到的时候我希望能给一个默认图片
核心代码如下
import defaultImg from "./default.jpg";
const { picUrl} = props.item;
const [imgSrc, handleImageErrored] = useState(picUrl);
<img onError={() => handleImageErrored(defaultImg)} src={imgSrc} />
本文介绍了一种在图片加载失败时显示默认图片的方法。通过使用React的状态管理和条件渲染,确保了即使在图片请求失败的情况下也能为用户提供视觉反馈。
图片请求不到的时候我希望能给一个默认图片
核心代码如下
import defaultImg from "./default.jpg";
const { picUrl} = props.item;
const [imgSrc, handleImageErrored] = useState(picUrl);
<img onError={() => handleImageErrored(defaultImg)} src={imgSrc} />
925
2424

被折叠的 条评论
为什么被折叠?