Html 如何在ReactJS中使用相对路径加载图像？

当我尝试输入

src=“java.png”

和

src=“neural.png”

时，我想添加两个图像1）java.png 2）neural.png，它不会加载图像。我想在我的内容组件中添加这些图像

content.js：

class Content extends Component {

  render() {
    return (
      <div> 

                     <div className="col l4">
                            <img src="java.png" alt="Java" height="25" width="25"></img>
                            <h6 className="cardtitle1">NEW LAUNCH</h6>
                            <p className="cardcontent1">JAVA</p><p></p>
                            <p className="cardcontent1">Foundations</p>
                      </div>

                      <div className="col l4">
                            <img src="neural.png" alt="Neural Network" height="25" width="25"></img>
                            <h6 className="cardtitle2">NEW LAUNCH</h6>
                            <p className="cardcontent2">Neural Newtwork</p><p></p>
                            <p className="cardcontent2">Foundations</p>
                      </div>
 </div>
    );
  }
}

export default Content;

类内容扩展组件{
render（）{
返回(
新发布
JAVA

基础

新发布
神经网络工作

基础

);
}
}
导出默认内容；

文件路径如下所示：

在控制台中，它显示无法加载图像：

---

实际上，在ReactJS中处理图像的方法有很多

import Java from './java.png';

然后像这样使用它

  <img src={Java} alt="Java" height="25" width="25" />

---

此外，检查此链接将帮助您

实际上，在ReactJS中处理图像的方法有很多

import Java from './java.png';

然后像这样使用它

  <img src={Java} alt="Java" height="25" width="25" />

此外，检查此链接将帮助您尝试此操作

 <img src="./java.png" alt="Java" height="25" width="25"></img>

试试这个

 <img src="./java.png" alt="Java" height="25" width="25"></img>

---

我将所有图像放在公用文件夹下的一个“图像”文件夹中，然后在项目中的任何位置，我都可以在img元素中使用以下路径：

---

它适用于我的项目使用create react app启动，尤其是当我有太多图像时，我不必逐个导入。

我将所有图像放在公用文件夹下的一个“图像”文件夹中，然后在项目的任何位置，我都可以在img元素中使用以下路径：

---

它可以很好地用于我的项目，特别是当我有太多的图像时，我不必逐个导入。

你是否使用

创建反应应用程序

？@salman.zare Yeswave你导入了图像吗？如下所示：

从“/java.png”导入java

然后：

@salman.zare我应该制作images.js然后导入它吗？不，请参考以下参考：您是否正在使用

创建react app

？@salman.zare是否导入图像？如下所示：

从“/java.png”导入java然后：
@salman.zare我应该制作images.js然后导入它吗？不，请参考以下参考：你能帮我吗：你能帮我吗