React：是否可以在 <img src={variable} /> 中放置一个变量答案

【问题标题】：React: Is it possible to put a variable in <img src={variable} />React：是否可以在 <img src={variable} /> 中放置一个变量
【发布时间】：2021-04-11 09:11:49
【问题描述】：

我的 Images.js 文件：

export const LogoDarkText = require('../assets/images/logo-dark-text.png')

我将此变量导入到我的 HomePage.js 文件中

我的 HomePage.js 文件：

import {LogoDarkText} from './Images'

export default function HomePage() {
    return (
           <div>
               <img src={LogoDarkText} />
           </div>
);
}

但这不起作用。我该如何解决？

【问题讨论】：

这个反应代码的错误/HTML输出是什么？如果加载器配置正确并且图像存在于路径上，这应该可以工作。
看起来问题不在此代码中，而是在某个地方。 LogoDarkText 的价值是什么？
没有错误！图片未显示

标签： reactjs jsx

【解决方案1】：

请按照流程进行。

将图片和静态文件保存在enter image description here"public" 文件夹中并直接导入。

【讨论】：

我不想直接导入