Javascript 我的图像未显示在ReactJS中

这是我的应用程序的一个组件，它有一个没有输出的图像，我认为src是对的，我的文件树是：

应用程序：

src: 3.1图像 3.2 bull.jpg 3.2公用事业 3.3 Carta.js

这段代码来自Carta.js，它获得了以下图像：

import React，{Component}来自'React'；
导入“./Carta.css”
从“react FlipCard”导入FlipCard；
导出默认类Carta扩展组件{
render（）{
返回(



)
}
}

问题可能是由于路径不正确造成的。这是因为您的src结构可能与build结构不同，build结构是由webpack生成的结构

导入映像可能会给包添加额外的负载，但会提供正确的路径

如果图像与Carta.js位于同一文件夹中，那么src在开始时应该有./

import MyImage from './images/toro.jpg'

// ...rest of your code

<img src={MyImage} />

从“./images/toro.jpg”导入MyImage
//…代码的其余部分

？如果可以引用，为什么要导入它？它应该增加捆绑大小，据我所知，这不是最佳做法。如果我错了，请纠正我，不要介意我以前的回答。查看我的更新答案。仍然没有输出，src没有找到图像，idk为什么您的目录名为“图像”而不是“图像”？它和Carta.js在同一个文件夹中吗？图片全部在小写中检查这个答案