在每张图片上的 React 应用程序上获取破损的图片图标

Question

所有图像在我的 React 应用程序中都显示为损坏的图像图标。Here I'm trying to display this image but this too appears as broken

Answer 1

如果您想调用 src 文件夹中的图像，您必须先导入它。

import neonSpace  from './neon-space.jpg';

并改变你可以像这样使用它：

<img src={neonSpace} />

如果您只想使用 URL 调用图像，您必须将图像放在 public 文件夹中。 （src 的同级文件夹）

<img src='./neon-space.jpg' />

希望对您有所帮助！