Javascript 如何使用React遍历图像目录

我的情况如下：

我有一个文件夹目录，其中包含图像文件。例如：images/（ID）/（ID）-1（或2、3等）。jpg。其中（ID）是可变的（我在images目录中有数百个ID）

我是一个新的反应者，仍然在尝试如何在其中使用循环。我尝试过几种不同的方法，但似乎没有一种能解决这个具体案例

我如何构建一个循环，动态地迭代每个文件夹，并渲染每个文件夹中的图像？我有一个旋转木马，我想把它称为循环

谢谢你的帮助

编辑：我尝试过使用以下两种解决方案：

根据我自己的背景：

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不是一个函数。这个错误没有多大帮助。

告诉我们您到目前为止已经尝试了什么。这是一个：`const images={src:“./images”+（ID）+“/”+（ID）}{Object.keys（images.map（function（imageProps）{return（

；}}}`用代码编辑您的文章。请参阅编辑。谢谢！您知道每个文件夹中有多少图像吗？