react-native - 在 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
解决方案
刚刚怎么样this.state.filteredItem.images.map(item => item.fullimage)
?这将返回一个字符串数组。
如果需要,可以将其映射到组件数组中。
推荐阅读
- tableau-api - Tableau 未加载自定义调色板
- c# - 带有 Datacontext 的 WPF Ninject 和带有参数的构造函数
- vulkan - Vulkan 设备 - 主机 - 与 VkEvent 的设备同步
- python - How to add custom build/deploy commands on OpenShift
- javascript - 如何实现一种高效的算法来搜索 JSON 中的单词?
- angular - Angular 6 - json 文件无法编译到生产环境
- python - 计算具有 Nan 值的最频繁组
- java - Send Header And Data(Body) as String in Volley
- java - Unilateral ManyToOne child, with a @Lob String field, returns a null parent
- verilog - Always block - Do RHS signals in an assignment ,inside always block will be added to senstivity list?