如何从React Native中的media:thumbnail对象获取URL?

时间:2019-05-28 21:46:32

标签: javascript react-native rss xml2js

我试图通过React Native构建RSS Feed应用程序,我使用react-native-xml2js库将XML转换为我想向新闻中添加缩略图的对象,但是我不能这样做,从而导致“ media:thumbnail”对象中出现拇指URL。 / p>

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: ["عام / الرئاسة العامة لشؤون المسجد الحرام والمسجد النبوي تستضيف لجنة الدعوة في أفريقيا"]

0 个答案:

没有答案