使用removeChild（）删除损坏的图像？

Question

我有一个循环，遍历文件夹的集合并显示图像。我无法弄清楚如何只显示文件夹中的图像，所以我想出的一种怪异方法是让循环遍历文件夹100次，而不管是1还是100里面的图片。

这会导致轮播中有很多损坏的图像，因为，当然，在迭代完成之后，遍历确实存在的图像就没有了。

我试图通过React找出如何通过使用removeChild（）从DOM中删除那些损坏的图像来删除这些图像的方法，但是我一直在向我抛出错误。

我不想使用“ display：none;”或“可见：隐藏；”在CSS中使用，因为这样仍然可以使人们继续点击轮播，直到他们在第100次迭代中结束。尽管如果有一种方法可以通过Javascript在发生404事件时将用户送回到轮播的开头，我也很愿意使用它。

这是我的代码：

const thumbnailErr = () => {
 let node = document.getElementById("image-gallery-thumbnail");
 if (node.parentNode) {
   node.parentNode.removeChild(node);
   }
 }

当我调用此函数时，它将引发此错误：

  

TypeError：无法读取null的属性“ parentNode”

我无法想象这是执行此操作的最佳方法，但这是迄今为止我找到的唯一可行的解​​决方法。我正在收集的内容是removeChild（）期望有一些要删除的东西，并且由于图像是404，因此出现此错误，表明它没有要删除的东西。问题是转盘上仍然显示破碎的图像。