javascript - removeChild() を使用して壊れた画像を削除しますか?

Question

フォルダーのコレクションを通過して画像を表示するループがあります。フォルダーにある画像だけを表示する方法がわかりません。そのため、私が思いついたハックな方法は、1 か 100 かに関係なく、フォルダーをループで 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 であるため、削除するものがないというこのエラーが発生しています。問題は、壊れた画像がまだカルーセルに表示されていることです。