Javascript 正在尝试在react中导入img

Javascript 正在尝试在react中导入img,javascript,reactjs,image,import,importerror,Javascript,Reactjs,Image,Import,Importerror,我正在尝试导入文件顶部的图像,因为我第一次尝试返回下面的代码时失败了 以div的形式返回: 我得到了一个编译失败的错误,我相信它与加号有关。在img元素的src属性中,您应该直接指定文件的路径,如普通HTML 使用字符串插值: <img src={`../../blogPostImages/${post.blogImage}`} alt="Post Image"/> 并在div中返回:just@robert页面现在加载,但我仍然得到损坏的图像图

我正在尝试导入文件顶部的图像,因为我第一次尝试返回下面的代码时失败了

以div的形式返回:


我得到了一个编译失败的错误,我相信它与加号有关。

img
元素的
src
属性中,您应该直接指定文件的路径,如普通HTML

使用字符串插值:

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


并在div中返回:just@robert页面现在加载,但我仍然得到损坏的图像图标,因为它没有加载图像,因为您的路径无效。(检查浏览器中的锁定图像src路径)“./”将引用您的公用文件夹。因此,您可能不需要在开始时使用“../../”
    import Img from '../../blogPostImages/' + post.blogImage;
<img src={`../../blogPostImages/${post.blogImage}`} 
    alt="Post Image"/>