我正在处理需要在第一列中返回图像的表。 下面的代码可以正常工作,除非找不到图像,否则我将收到错误消息。
我想检查文件是否存在以及是否不存在,以返回默认图像。我应该如何处理?
谢谢
Cell: cellProps => {
const imgPath = cellProps.row.ExternalID;
return (
<img
src={require(`../images/${imgPath}.png`)}
alt=""
/>
);
}
答案 0 :(得分:0)
使用onerror
属性:
<img
src={require(`../images/${imgPath}.png`)}
alt=""
onerror="this.src='../images/default.png'"
/>