图像未在反应中渲染答案

【问题标题】：Image not rendering in react图像未在反应中渲染
【发布时间】：2021-06-28 23:48:11
【问题描述】：

我正在循环通过 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 浏览器中时，图像就会加载。如果有人可以在反应中显示此图像，请告诉我如何。或者，这是我的代码的 sn-p。提前致谢！

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

【问题讨论】：

console.log（图像）。这是你所期望的吗？
你试过在url前面加https://吗？
尝试在图片前添加https://。
您需要显示您将图像向下传递的问题可能在父组件中的位置

标签： javascript reactjs frontend

【解决方案1】：

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

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

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

【讨论】：