时间戳

首页 > 解决方案 > 图像未在反应中呈现

javascript - 图像未在反应中呈现

问题描述

我正在循环通过 API 并收集产品名称和图像 url，然后通过道具显示信息。循环工作正常，产品名称正在显示。但是，图像未呈现。即使我复制并粘贴图像 url，它仍然不会呈现。当我从网络插入任何随机图像 url 时，它会显示。它只是来自这个 API 的图像。

这是我要显示的图像网址之一：images.asos-media.com/products/converse-chuck-taylor-all-star-ox-national-park-sneakers-in-green/200520115-1-green。当我把它直接放在我的 chrome 浏览器中时，图像就会加载。如果有人可以在反应中显示此图像，请告诉我如何。或者，这是我的代码片段。提前致谢！

const Products = ({title, image}) => {
    return(
       <div>
            <h1>{title}</h1>
            <img src={image} alt="" />
        </div>              
    )
}

标签： javascriptreactjsfrontend

解决方案

如果我使用完整的网址，它会起作用：

https://images.asos-media.com/products/converse-chuck-taylor-all-star-ox-national-park-sneakers-in-green/200520115-1-green

如果这不能解决问题，请按 F12 并检查控制台中的错误消息。

推荐阅读