我是Reactjs的新手。我無法從API中提取圖片網址。如果類似的執行緒在 stackoverflow 中已經存在，我真的很抱歉。完整的代碼如下。
我使用的API是：
uj5u.com熱心網友回復：
如果你想顯示每只貓，即使它們可能沒有影像，你可以這樣做：
const Cat = ({ cat: { name, image } }) => {
return (
<div className="catMain"/span>>
{圖片&&(
<div className="catImage">/span>
<img src={image. url} alt={name} />。
</div>
)}
</div> )}</div>
);
};
然后你就可以直接顯示關于這只貓的任何其他資訊，而不必擔心影像問題。
uj5u.com熱心網友回復：
你有一個假設，即每只貓都有一個圖片，事實并非如此，因此你可以事先過濾空圖片（有大量的解決方案，也可以進行條件渲染）：
// cat.image是一個物件，它是真實的值，因此你可以通過它來過濾。
this.state.data。 filter(span class="hljs-params">cat => cat.image) 。 map(span class="hljs-params">cat => < Cat cat={cat} />)
//OR，有條件渲染。
this.state.data。 map(cat => cat。 image && < Cat cat={cat} /> )
///或在組件本身等。
const Cat = ({ cat: { name, image }) => {
return image ? (
<div className="catMain"/span>>
<div className="catImage"/span>>
<img src={image. url} alt={name} />。
</div>
</div>>
) : (
<Placeholder />) : (
);
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/326898.html
標籤：