所以我有一个具有这种结构的React应用程序
-MyApp
-public
--images
---Adam.png
---Jane.png
-src
--components
对于我的一个组件，我想显示所有的图像。有没有一种方法可以在我的公共/图像文件夹中获取文件名数组？我知道如何将数组映射到图像列表，但不知道如何首先获得文件名数组。
当这样做时，这是一个自然的问题(因为替代方案总是一个接一个地导入那些似乎是错误的(，但react最终被构建到一些优化的静态代码中。所以整个问题是"如果将另一个图像添加到该文件夹并刷新页面，会发生什么情况">。答案是它不能对它做出反应，因为您正在做的循环(生成img标记或其他东西的循环(是在构建过程中运行的。你需要的是服务器；读取"；这些文件夹，让您知道(您已经构建的应用程序(有什么，您可以更新状态，并在运行时渲染更多元素以响应服务器。
在Webpack中还有另一个选项(如@UbeytDemir所述(，它可以理解什么将是公用文件夹，并在构建过程中迭代这些内容，但这仍然意味着你必须在每个新映像之后重新构建应用程序，因为在没有服务器的运行时，它根本无法做到这一点。它只将这些导入统一到一行中，但重要的是要理解为什么这在客户端的应用程序中是不可能的。