Как перебирать каталог изображений с помощью React

Вот моя ситуация:

У меня есть каталог папок, содержащих файлы изображений внутри них. Например: images / (ID) / (ID) -1 (или 2, 3 и т. д.). Jpg. Где (ID) - переменная (у меня сотни идентификаторов в каталоге изображений).

Я новичок в React и все еще пытаюсь понять, как использовать в нем циклы. Я пробовал несколько разных подходов, и ни один из них, похоже, не сработал в этом конкретном случае.

Как мне построить цикл, который будет динамически перебирать каждую папку и отображать изображения внутри каждой папки? У меня есть карусель, в которой я хочу вызвать этот цикл.

Спасибо за любую помощь.

Обновлено: Я пробовал работать с этими двумя решениями:

Как перебирать изображения в React?

В моем собственном контексте:

const images = [{ src: "./images" + ID, alt: "Your description here 1" }];

// ...

{
  images.map(function(imageProps) {
    return (
      <li key = {imageProps.src}>
        <img src = {imageProps.src} alt = {imageProps.alt} />
      </li>
    );
  });
}

И

Динамически импортировать изображения из каталога с помощью webpack

В моем собственном контексте:

function importAll(r) {
  return r.keys().map(r);
}

const images = importAll(
  require.context("./images" + ID, false, /\.(png|jpe?g|svg)$/)
);

С последним я понял, что в require.context у вас не может быть динамической переменной в аргументе, иначе это просто вызовет ошибку. В первом примере он сказал мне, что .map не является функцией. Ошибка не сильно помогла.