Img路径问题reactjs

Question

我正在开发一个反应应用程序。我正在从像

这样的模块加载数据

const results = [
{
    'home': 'fbc',
    'home_score': '74',
    'visitor': 'jda',
    'visitor_score': '69',
    'home_logo': 'jda_logo.png'
}]

我要做的是从数据中加载图像（home_logo）。但我不知道如何使用React的相对路径。 我想看看用

加载图片时的路径是什么

import jda from './img/jda_logo.png';

我很惊讶路径是static/media/jda_logo.e596d19c.png有人可以向我解释一下，添加的e596d19c是什么？ 我是否可以从我的数据中加载具有相对路径的图像？

Answer 1

在我看来，react会返回对缓存/复制媒体的引用。通常这是构建器/编译器/捆绑器（如webpack）行为的结果。本质上，图像是相同的，但它被复制到运行时使用的不同位置。

我相信你想看看this和this，因为他们正在处理与你非常接近的问题。