Javascript 在reactjs中，Webpack动态导入方法返回空数组而不是文件，如何解决？

如何在Reactjs中导入和使用图像？ 我已经从一个文件夹中导入了所有图像，但它没有返回带有链接的数组。 看看这个

    function importAll(r) {
    return r.keys().map(r);
  }
    const images = importAll(require.context('./', false, /\.(png|jpe?g|svg)$/));
    console.log(images);

检查控制台的此屏幕截图：

请帮帮我

文件夹结构：

--src>
  --components>
      Projects.jsx
  --img>
       images

我正在尝试在项目组件中导入它。 但是，如何做到这一点呢

import React from 'react';
import '../App.css';

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

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

---

请帮助加载所有图像并使用它们。

正确的要求是：

importAll(require.context('./img', false, /\.(png|jpe?g|svg)$/));

从文档：

require.context（'./test'，false，/\.test\.js$/）；
//包含测试目录中的文件的上下文，该目录可能需要以“.test.js”结尾的请求。
require.context（“../”，true，/\.stories\.js$/）；
//一个包含父文件夹中所有文件和以“.stories.js”结尾的降序文件夹的上下文。

噢，我没有看到路径的问题。我现在明白了。还应该有两个点：importAll（require.context（'../img'，false，/\（png | jpe？g | svg）$/）；它正在工作。谢谢