在 React JS 中加载本地图像答案

【问题标题】：Load local image in React JS在 React JS 中加载本地图像
【发布时间】：2022-02-05 20:41:14
【问题描述】：

我无法在 React JS 中加载本地图像这是文件位置：

我试过了

<img id="shoe1" src="shoe1.jpg"alt="shoe1"/>
<img id="shoe1" src="./shoe1.jpg"alt="shoe1"/>

在这样的文件夹中：

<img id="shoe1" src="../img/shoe1.jpg"alt="shoe1"/>
<img id="shoe1" src="./img/shoe1.jpg"alt="shoe1"/>

【问题讨论】：

【解决方案1】：

您是否在要使用的文件之上导入图像？您应该从文档中关注此页面：

import shoe1 from './shoe1.jpg';

【讨论】：

【解决方案2】：

import imgg from "../img/shoe1.jpg";

<img src={imgg} alt="yourimagecomeshere" />

【讨论】：

【解决方案3】：

您可以将图像移动到资产文件夹并执行类似的操作

<img id="shoe1" src="../assets/shoe1.jpg"alt="shoe1"/>

【讨论】：