Я пытался создать приложение 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: ["عام / الرئاسة العامة لشؤون المسجد الحرام والمسجد النبوي تستضيف لجنة الدعوة في أفريقيا"]