我試圖在我的陣列上 .map() 并將卡片渲染到 dom。我可以在我的卡片上顯示第二個物件中的所有內容，但我無法在卡片上顯示 source.name（“Engadget”）。
我猜是因為它是物件內部的物件？
那么如何迭代“源”物件以及它如何在我的卡片上？
資料示例
"articles": [
-{
-"source": {
"id": "engadget",
"name": "Engadget"
},
"author": "Igor Bonifacic",
"title": "Apple Wallet’s hotel keycard support is now live, starting at Hyatt hotels",
"urlToImage": "https://s.yimg.com/os/creatr-uploaded-images/2021-12/5d0536d0-5855-11ec-bbe4-0bcb4305d433",
}
]
作業卡示例
dataArray.map((newsStory)=> {
const { url, urlToImage, title} = newsStory
return (
<>
<Card style={styles.card} onPress={()=> {Linking.openURL(url)}}>
<Card.Cover source={{ uri: urlToImage }} />
//trying to show source in this 'Text'
<Text style={styles.source}>{source?}</Text>
<Title style={styles.cardTitle}>{title}</Title>
</Card>
</>
uj5u.com熱心網友回復：
由于源是一個物件，使用 source.name
dataArray.map((newsStory)=> {
const { url, urlToImage, title} = newsStory
return (
<>
<Card style={styles.card} onPress={()=> {Linking.openURL(url)}}>
<Card.Cover source={{ uri: urlToImage }} />
//trying to show source in this 'Text'
<Text style={styles.source}>{newsStory.source.name}</Text>
<Title style={styles.cardTitle}>{title}</Title>
</Card>
</>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/376801.html
標籤：javascript 反应 json 反应原生 jsx