Javascript 是否可以在React组件中分解图像文件夹文件？

我正在创建一个react应用程序。我有一个包含几个文件的图像文件夹。为了使React渲染图像，我必须像导入其他模块一样导入它。大概是这样的：

我要做的是导入整个图像文件夹，然后找到一种方法来访问组件中的每个文件。例如：

import img from '.../img'

在我的JSX中，我希望能够访问导入的图像文件夹中的每个文件

---

有可能吗？

您仍然需要在某些地方导入这些图像。对于主组件文件中更清晰的语法，我将把图像文件分组到一个文件中

//grouping images in one module. Let's say it is image.js

import imageA from <your-patha>
import imageB from <your-pathb>
import imageC from <your-pathc>

export default {
   imgA: imageA, 
   imgB: imageB, 
   imgC: imageC
}

//将图像分组到一个模块中。假设它是image.js
从导入imageA
从导入imageB
从导入imageC
导出默认值{
imgA:imageA，
imgB:imageB，
imgC:imageC
}

//主组件
从“”导入图像
常量Home=（）=>{
返回(
)
}

您仍然需要在某些地方导入这些图像。对于主组件文件中更清晰的语法，我将把图像文件分组到一个文件中

//grouping images in one module. Let's say it is image.js

import imageA from <your-patha>
import imageB from <your-pathb>
import imageC from <your-pathc>

export default {
   imgA: imageA, 
   imgB: imageB, 
   imgC: imageC
}

//将图像分组到一个模块中。假设它是image.js
从导入imageA
从导入imageB
从导入imageC
导出默认值{
imgA:imageA，
imgB:imageB，
imgC:imageC
}

//主组件
从“”导入图像
常量Home=（）=>{
返回(
)
}

实现这一点的最佳方法是，您可以将所有图像放在公用文件夹中，并在组件上参考如下内容

<img src="/image.jpg" alt="image" />

---

实现这一点的最佳方法是，您可以将所有图像放在公用文件夹中，并在组件上参考如下内容

<img src="/image.jpg" alt="image" />

您可以将图像放在公用文件夹中并通过URL访问它们，您不必将它们导入应用程序。您可以将图像放在公用文件夹中并通过URL访问它们，您不必将它们导入应用程序。这很好。谢谢。什么@Sam也可以。如果有一些图像，可以将其放入公用文件夹。当您有很多图像时，您可能需要考虑应用程序的生产问题。谢谢。什么@Sam也可以。如果有一些图像，可以将其放入公用文件夹。当你有很多图像时，你可能需要考虑应用程序的生产问题。谢谢你，这作品很有魅力。非常感谢。