javascript - 在配置了 Webpack 的 React 应用程序中导入图像时遇到问题
问题描述
我正在尝试使用函数调用动态渲染多个图像。在 IMG 标记的 src 属性中,我也传递了 require(src) ,但是我得到了找不到模块的错误。
getImages(ID) {
return this.state.imgData[ID].map((row, index) => {
return (
<div className = "col-lg-4 col-md-4 col-sm-6">
<h5 style = {{textAlign: "center"}}>{this.state.dates[ID][index].split("/").join("-")}</h5>
<div className = "thumbnail">
<img src = {require(row)}></img>
</div>
</div>
);
});
}
但是,当我通过手动输入行变量中的字符串来尝试此操作时,它似乎有效。
解决方案
推荐阅读
- python-3.x - 如何找到第一次匹配的列位置
- angularjs - 当我通过 ui-tabset 中的 select 更改我的 $scope.model 时,它不会相应更改
- ios - 如何使用 NSPredicate 过滤存储在 CoreData 中的数组?
- ansible - 在其他角色中使用注册变量
- pandas - 加入复杂的熊猫表
- tensorflow - Keras 没有学到任何东西
- python - 我将不胜感激有关使用 Python 解析复杂的制表符分隔的文本文件的评论
- python - 有没有办法在内部存储所有日志记录历史并仅在必要时导出到文件?
- import - 是否可以使用单个代码导入 2 个文件?或者如何从一个目录中导入所有文件?
- php - 无法自定义 inline_keyboard