Javascript 函数读取图像-reactjs

下面的代码读取图像时不考虑扩展名。但我如何才能删除红色圆圈中的图像呢

...
                  const imageFileExtentions = ['svg', 'jpeg', 'png']

                  <div>
                    {imageFileExtentions.map(imageFileExtentions => (
                      <CardMedia
                        className={classes.cardMedia}
                        image={`/items/${item.ID}.${imageFileExtentions}`}
                        style={{
                          width: '50%',
                          height: '50%',
                          paddingTop: '20%'
                        }}
                        component="img"
                      />
                    ))}
                  </div>
...

。。。
常量ImageFileExtensions=['svg'，'jpeg'，'png']
{ImageFileExtensions.map（ImageFileExtensions=>(
))}
...

{
e、 target.onerror=null
e、 target.style.display='none'
}}
/>

正常的JavaScirpt可以执行

onerror=“this.remove（）”

我个人会在显示它之前确定它是什么。我如何插入它？为什么您的内部循环称它为

imageFileExtensions

？另外，打开你的开发工具，看看你让浏览器查找的实际URL是什么。如果是404，console和network选项卡都会告诉您这里做错了什么。

              <CardMedia
                className={classes.cardMedia}
                image={`/ciasbrazil/${cia.CD_CVM}.${imageFileExtentions}`}
                style={{
                  width: '50%',
                  height: '50%',
                  paddingTop: '20%'
                }}
                component="img"
                onError={e => {
                  e.target.onerror = null
                  e.target.style.display = 'none'
                }}
              />