Javascript 在配置了Web包的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>
            );
        });
    }

getImages（ID）{
返回此.state.imgData[ID].map（（行，索引）=>{
返回(
{this.state.dates[ID][index].split（“/”）.join（“-”）}
);
});
}

---

但是当我通过手动输入行中的字符串来尝试此操作时变量似乎有效。

不适用于您？如果没有，请设置沙箱，以便更容易重现问题。

或导入图像并使用

@gautamits。不。那也不行。它只是将图像显示为已损坏。@阿米尔·穆萨维。我正在使用require（路径到图像）。它只是说找不到模块。即使在手动输入row变量的值时，它也可以工作。不知道为什么。我无法导入所有图像，因为图像太多。你能试试吗？

不适合你？如果没有，请设置沙箱，以便更容易重现问题。

或导入图像并使用

@gautamits。不。那也不行。它只是将图像显示为已损坏。@阿米尔·穆萨维。我正在使用require（路径到图像）。它只是说找不到模块。即使在手动输入row变量的值时，它也可以工作。不知道为什么。我不能导入所有图像，因为有很多。你能试试吗？