在 React 中以编程方式检查 img src

我有一个页面，在一张桌子上有许多客户徽标。一个表格单元格试图获得这样的标志：

<TableCell className={classNames(classes.urlDealCell, classes.dealCell)}>
    {this.getLogo(deal.CompanyWebsite)}
</TableCell>

getLogo 是：

getLogo = url => {
  const source = `https://logo.clearbit.com/${url}`;
  return <img src={source} width="30" />;
};

80% 的情况下，徽标恢复正常，如果没有deal.CompanyWebsite，我可以提供默认徽标。但我需要处理另一个边缘情况：

如果对 img 源的请求失败并显示如下 URL：https://logo.clearbit.com/absoluteGarbage，我可以在 React 中以某种方式检查并回退到默认徽标吗？

在尝试分配 的src属性之前，我是否必须尝试对每个徽标的 src URL 发出 GET 请求img？如果是这样，这将使图像请求的数量增加一倍，这对于较大的页面结果集来说会很糟糕。