Reactjs 反应导入文件夹导航

我正在尝试从react应用程序中src文件夹中的资产文件夹导入图像，但由于某些原因，无法识别路径

我的文件夹结构如下：

|src
 |Assets
 |Common
 |Components

我正在尝试从components文件夹导入位于assets文件夹中的图像。通过执行以下操作，我可以从我的公用文件夹导入到components文件夹中的文件：

import * as Constants from '../Common/Constants';

但是，按照相同的结构加载图像并不起作用

<img src = '../Assets/myimg.png'></img>

我做错了什么

---

感谢您在代码中根据React应用程序的位置提供图像源，该位置与web应用程序的根位置、媒体位置或静态文件位置（待配置）无关，因此浏览器将不知道如何渲染。根据您使用的服务器（nginx，Express），您必须配置静态文件和/或媒体文件，然后根据配置方式在图像源中指定

在您目前的情况下，您可以执行以下操作：

import * as Constants from '../Common/Constants';

进口

const reactImage = require("../Assets/myimg.png");

然后使用它：

<img src={reactImage.default} />

如果您已经在服务器上配置了媒体文件并正确解析，那么它将只是

<img src="/media/Assets/myimg.png" />

假设媒体位置已配置，并且指向资产的父目录

在您的示例中，假设React导入的相对路径和硬编码到图像标记中的图像源是相同的，但实际上并非如此