Как получить URL с носителя: миниатюра объекта в React native? - PullRequest
0 голосов
/ 29 мая 2019

Я пытался создать приложение RSS Feed с помощью React Native. Я использовал библиотеку реактив-native-xml2js для преобразования XML в объекты. Я хочу добавить миниатюры к новостям, но не могу этого сделать, потому что URL-адрес большого пальца в объекте «media: thumbnail».

componentDidMount() {
fetch('http://www.spa.gov.sa/rss3.xml')
.then((Response) => Response.text()) 
.then((responseData) =>  parseString(responseData, (err,result)=> {
this.setState({albums: result.rss.channel[0].item})
})
)}

renderAlbums() {
console.log(this.state.albums )
return this.state.albums.map(album =>
<AlbumDetail key={album.title} album={album} />
);
}

в деталях альбома. Я вызываю объекты:

const AlbumDetail = ({ album }) => {
const { title, content, description, media:thumbnail} = album;
}

из console.log. Это один элемент с миниатюрой:

14:
content:encoded: ["
 ↵<img  src=http://www.spa.gov.sa/galupload/normal…قي المرافق.
    ↵    // انتهى  //
    ↵23:18ت م  
    ↵0208
↵"]
description: ["مكة المكرمة 23 رمضان 1440 هـ الموافق 28 مايو 2019 …عوة الأفريقية، وكان في استقبالهم معالي الرئيس... "]
guid: ["http://www.spa.gov.sa/details.php?id=1929086"]
id: ["1929086"]
link: ["http://www.spa.gov.sa/details.php?id=1929086"]
linkShortURL: ["http://www.spa.gov.sa/readsinglenews.php?id=1929086"]
media:thumbnail: Array(1)
0:
$: {url: "http://www.spa.gov.sa/galupload/thumb/000-9101586781559077528243.jpg", width: "120", height: "100"}
__proto__: Object
length: 1
__proto__: Array(0)
pubDate: ["Tue, 28 May 2019 23:18:23 +0300"]
revision: ["0"]
title: ["عام / الرئاسة العامة لشؤون المسجد الحرام والمسجد النبوي تستضيف لجنة الدعوة في أفريقيا"]
...