javascript - 在 React JS 中出错时用默认图像替换图像的最佳方法是什么

Question

如果找不到，我正在尝试创建图像的替代品，以下是我目前所拥有的。这是针对 React 项目的，所以 React 只回答。

任何帮助都会很棒。

<img src={`${news.urlToImage.src ? news.urlToImage.src : "../assets/default_logo.png" }`} 
alt="images"/>

标签： javascriptreactjsimageerror-handling

Answer 1

这是 Lovekesh 答案的钩子式版本：

[imgSrc, setImgSrc] = useState(
  news.urlToImage.src ? news.urlToImage.src : 
  "../assets/default_logo.png");
//...
<img src={imgSrc} onError={
  () => setImgSrc("../assets/default_logo.png"")
}/>