React Native中具有相同标识符的JSON数组

时间:2018-08-18 00:55:48

标签: react-native

我正在尝试遍历一个数组,以获取名为同一事物(“ fullimage”)的5个对象的每个唯一值。我将需要使用“ fullimage”标识符来遍历每个图像。以下是数组的示例。我已经能够将数组的所有“全图”对象显示为一个长字符串,而不仅仅是一个特定的字符串。

{“ $ id”:“ 1”,“图像”:[{“ $ id”:“ 2”,“ fullimage”:“ image1.jpg”},{“ $ id”:“ 3”,“ fullimage“:” image2.jpg“},{” $ id“:” 4“,” fullimage“:” image3.jpg“},{” $ id“:” 5“,” fullimage“:” image4.jpg“ },{“ $ id”:“ 6”,“ fullimage”:“ image5.jpg”}]}

我已将数据源过滤到特定项目,因此在这种情况下,以下代码中的“ filteredItem”会将其过滤为“ $ id”:“ 1”。下面的代码行将所有“ image.jpg”对象显示为一个长字符串。


{this.state.filteredItem.filter(item => item.images.map(item => item.fullimage))}


这将显示:image1.jpgimage2.jpgimage3.jpgimage4.jpgimage5.jpg

1 个答案:

答案 0 :(得分:0)

this.state.filteredItem.images.map(item => item.fullimage)怎么样?这将返回一个字符串数组。

如果需要,可以将其映射到组件数组中。