ReactJS=>；本地映像未加载

我在这个项目中使用ReactJS，除了图像，其他一切都运行良好

奇怪的是，它加载外部图像，如“”，但不加载本地图像

<img src={'/imgs/logo.jpg'} />

请帮帮我

谢谢大家!

代码：

import React，{Component}来自'React'；
从“反应路由器”导入{Link}；
类头扩展组件{
render（）{
返回(
{/*



*/}

登录/加入
推车

{/*/.nav collapse*/}
);
}
}
导出默认标题；

尝试在您的img src中要求，如下所示：

<img src={ require('/imgs/logo.png') }/>

img src={ require('/imgs/logo.png') }/>

img src={'/imgs/logo.png'}/>

img src={ require('../imgs/logo.png') }/>

---

您需要

const image=require（'imgs/logo.png'）

如@Louie4和@hinok所述的图像。然后您可以在代码中使用它。此外，您还需要包括文件加载器，如下所示（代码为

webpack2

）：

我想出来了

就这么简单,

我是这样编码的：

<img src={ require('/imgs/logo.png') }/>

img src={ require('/imgs/logo.png') }/>

img src={'/imgs/logo.png'}/>

img src={ require('../imgs/logo.png') }/>

或者像这样：

<img src={ require('/imgs/logo.png') }/>

img src={ require('/imgs/logo.png') }/>

img src={'/imgs/logo.png'}/>

img src={ require('../imgs/logo.png') }/>

但实际上是这样的：

<img src={ require('/imgs/logo.png') }/>

img src={ require('/imgs/logo.png') }/>

img src={'/imgs/logo.png'}/>

img src={ require('../imgs/logo.png') }/>

---

两个点，哈哈。

你使用网页包吗？如果是，您必须首先导入图像，就像从“./imgs/logo.png”导入imageName一样；然后