本地图像未在 React 上加载答案

【问题标题】：Local images no loading on React本地图像未在 React 上加载
【发布时间】：2021-02-24 11:44:07
【问题描述】：

当我尝试显示图像时 <img src = {require(path)}/> 我不知道为什么，当我启动 react 应用程序时我没有得到该图像，尽管我的伙伴在他的计算机上可以看到图像。我已经从他的文件中删除并安装了所有文件。

浏览器上的图像显示为<img src = [Object Module]/>。我做了一些研究，似乎 webpack 或 url-loader 有问题，但我不明白为什么在我的计算机上不工作而在我的伙伴中。

如果有人有想法。请帮忙。

谢谢。

【问题讨论】：

【解决方案1】：

你可能想把 src 值用大括号括起来


<img src={require(path)} />

【讨论】：

【解决方案2】：

尝试像这样先导入图像：

import image from '../image.jpg'

const App = () => {
   return (
     <img src={image} alt='image' />
   )
}

【讨论】：