时间戳

首页 > 解决方案 > 试图在反应中导入一个img

javascript - 试图在反应中导入一个img

问题描述

我正在尝试在文件顶部导入图像，因为我第一次尝试返回下面的代码不起作用。

图片未显示使用下面的此代码

                        <img src={require('../../blogPostImages/' + post.blogImage)} 
    alt="Post Image"/>

我在文件顶部将此代码导入为

    import Img from '../../blogPostImages/' + post.blogImage;

并在 div 中返回：

页面未使用此代码加载

我收到编译失败错误，我相信它与加号有关。

标签： javascriptreactjsimageimportimporterror

解决方案

在元素的src属性中，img您应该直接指定到文件的路由，就像在纯 HTML 中一样。

使用字符串插值：

<img src={`../../blogPostImages/${post.blogImage}`} 
    alt="Post Image"/>

推荐阅读