反应 webpack 文件加载器 - 所需 URL 中的变量

Question

我正在使用webpack和文件加载器插件。我想在反应组件中设置一个背景图像，如下所示：

let bgImageUrl = require(`../../images/image.jpg`);
let bgStyle = {backgroundImage: 'url(' + bgImageUrl + ')'};
<div className="calender__item__link" style={bgStyle} ></div>

这工作正常。但是当我用这样的变量替换 bgImageUrl 时：

let bgImageUrl = require(`../../images/${event.image}`);

它不再工作："未捕获的错误：在..."

有什么想法吗？我必须使用 url-loader 吗，因为我使用的是 'url（）'？

提前谢谢。

Answer 1

发现错误：变量 ${event.image} 是通过 JSON 加载的。在少数情况下，它有一个字符串，在其他情况下它是空的。空的正在抛出错误。