首页 > 解决方案 > 在配置了 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>
            );
        });
    }

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

标签: javascriptreactjsimagewebpacknode-modules

解决方案


推荐阅读