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

Question

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

У меня есть каталог папок, в которых находятся файлы изображений.Например: 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>
  );
})}

И

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

С моим собственным контекстом:

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

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

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