如何在带有包裹的React中导入图像

凯特·赫拉西梅纳克(Kate Herasimenak)

我想添加一个带有require语句的图像。

但是我遇到了以下错误:

找不到模块“ ../../../assets/skillName.png”

我使用来构建应用程序parcel-bundle,我不使用webpack
图像的路径是正确的,因为如果使用静态链接,它将很好地工作:

<img src={require(`../../../assets/skillName.png`)}/>
aravind_reddy

尝试以这种方式进行操作:

{Object.keys(this.props.skillset).map((skill) => {
    let source = require(`../../../assets/${skill}.png`);
     return (
       <div key={skill}>
         <img src={source}/>
        </div>
     )
   })}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章