如何正确引用 React 中文件夹中的图像答案

【问题标题】：How to properly refer an image from a folder in React如何正确引用 React 中文件夹中的图像
【发布时间】：2021-02-18 15:52:13
【问题描述】：

所以我的 app.js 在 src 文件夹中，我正在尝试访问 src/images 文件夹中的图像。我正在尝试：

<div><ImgMediaCard name='../images/image.png'/></div>

但它不起作用，只有当我将图像放在与 app.js 相同的文件夹中时它才会起作用

<div><ImgMediaCard name='../image.png'/></div>

【问题讨论】：

【解决方案1】：

你使用过 create-react 应用吗？

您可以将您的图片文件夹放在公共文件夹中

//-publc
// -images
//  -image.png

<div><ImgMediaCard name='/images/image.png'/></div>

【讨论】：

【解决方案2】：

如果公用文件夹中没有您的图片，则需要导入

import myImage from '../images/image.png';

<div><ImgMediaCard name={myImage}/></div>

【讨论】：