JavaScript检查文件是否存在，如果不存在则重复

Question

这个问题在这里已有答案：

• How to check for broken images in React JS 3回答

我正在制作一个表格，我需要在第一列中返回图像。下面的代码工作正常，除非它找不到图像然后我得到一个错误。

我想检查文件是否存在以及是否存在，以返回默认图像。我该怎么做呢？

谢谢，

              Cell: cellProps => {
                const imgPath = cellProps.row.ExternalID;
                return (
                  <img
                    src={require(`../images/${imgPath}.png`)}
                    alt=""
                  />
                );
              }

Answer 1

使用onerror属性：

              <img
                src={require(`../images/${imgPath}.png`)}
                alt=""
                onerror="this.src='../images/default.png'"
              />