首页 > 解决方案 > 在 React Native 中具有相同标识符的 JSON 数组

问题描述

我试图遍历一个数组来获取 5 个对象的每个唯一值,这些对象被命名为相同的东西(“fullimage”)。我将需要使用“fullimage”标识符来遍历每个图像。下面是一个数组的例子。我已经能够将数组的所有“fullimage”对象显示为一个长字符串,但不仅仅是一个特定的。

{"$id":"1", "images":[{"$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

标签: react-native

解决方案


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

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


推荐阅读