javascript - 使用 removeChild() 删除损坏的图像？

Question

我有一个循环遍历文件夹集合并显示图像。我不知道如何让它只显示文件夹中的图像，所以我想出的 hacky 方法是让循环遍历文件夹 100 次，无论是 1 还是 100里面的图片。

这导致我的轮播中有许多损坏的图像，因为当然，在迭代完成后浏览确实存在的图像后那里什么都没有。

我试图通过 React 弄清楚如何通过使用 removeChild() 从 DOM 中删除这些损坏的图像来删除它们，但是我不断收到错误消息。

我不想去使用“显示：无；” 或“可见：隐藏；” 在 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，它给出了这个错误，说它没有任何东西要删除。问题是损坏的图像仍在轮播中显示。