我從 pixabay 獲取影像鏈接并映射到陣列上。我可以控制臺記錄它們，但它不會出現在 img 標簽中。
PS我使用順風的CSS
這是映射 App.js 的代碼
<div className='flex relative h-1/2 w-1/2'>
{images.map((image, i) => {
console.log(image.webformatURL);
<Image key={i} image={image.webformatURL} alt='aa' className='w-20 h-56' />
})}
</div>
這就是我嘗試使用它的地方：
function Image({image}) {
return (
<div>
<img src={image.webformatURL}/>
{console.log(image.webformatURL)}
</div>
)
}
export {Image}
uj5u.com熱心網友回復：
需要退回標簽
{images.map((image, i) => {
console.log(image.webformatURL);
return <Image key={i} image={image.webformatURL} />
})}
圖片標簽應該是這樣的
function Image({image}) {
return (
<div>
<img src={image} alt='aa' className='w-20 h-56' />
</div>
)
}
export default Image
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/523544.html
上一篇：檢測裁剪的影像在掩碼內