Javascript 正在尝试在react中导入img
我正在尝试导入文件顶部的图像,因为我第一次尝试返回下面的代码时失败了 以div的形式返回: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页面现在加载,但我仍然得到损坏的图像图
我得到了一个编译失败的错误,我相信它与加号有关。在
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"/>