Javascript 如何从ReactJS中的文件夹导入所有图像？

我想从文件夹中导入所有图像，并根据需要使用。 但不能通过以下方法来实现。 我在做什么？ 这：

我在console.log中收到此错误

index.js:1452 ./src/components/Main.jsx
Module not found: Can't resolve '../img' in 'G:\Projects\Personal\Portfolios\Portfolio_Main\React_portfolio\portfolio\src\components'

文件夹结构：

src>
  components>
    Main.jsx
  img>
    [all image files]

---

这在普通javascript中是不可能的，因为导入/导出是静态确定的

如果您正在使用webpack，请查看require.context。您应该能够执行以下操作：

函数导入高度（r）{
返回r.keys（）.map（r）；
}
const images=importAll（require.context（'./'，false，/\.（png | jpe？g | svg）$/）您是否使用webpack生成代码？是的，默认情况下我使用webpack。如何在react中使用webpack？您是否已通过create react app CLI生成应用程序？是的，默认情况下使用webpack。但是如何在导入图像后将其加载到数组？在代码段中，“images”变量包含一个由Webpack解析的图像数组路径，它不返回任何数组。它返回空数组的对象！
src>
  components>
    Main.jsx
  img>
    [all image files]