React Native——循环遍历对象数组以返回值答案

【问题标题】：React Native -- Loop through array of objects to return valueReact Native——循环遍历对象数组以返回值
【发布时间】：2016-11-30 16:15:46
【问题描述】：

数据：

{
                "contextTag": {
                    "value": "Bittersweet",
                    "valueLabel": "Bittersweet"
                },
                "tags": [
                    {
                        "name": "tag",
                        "value": "Creamy"
                    },
                    {
                        "name": "tag",
                        "value": "Colorful"
                    },
                    {
                        "name": "tag",
                        "value": "Bright"
                    }
                ],
                "rating": 5,
                "userNickName": "HelloGames",
                "userLocation": "UK",
                "title": "Great!",
                "reviewText": "Yada yada yada yada",
                "submissionTime": "30 Nov 16"
},

我目前正在为获取 contextTag valueLabels 工作：

this.props.reviewData.reviews.map(
                (o) => {
                    return o.contextTag && o.contextTag.valueLabel ? o.contextTag.valueLabel.trim() : '';
                }
            )

这对于标签：

this.props.reviewData.reviews.map(
                (o) => {
                    return o.tags && o.tags.value ? o.tags.value.trim() : '';
                }
            )

但它会空着回来。如何遍历标签以获取每个值？

【问题讨论】：

标签： react-native react-jsx jsx

【解决方案1】：

您可以缓存标签，然后对其进行映射以获取值。如下：

const tags = this.props.reviewData.reviews.tags;  
const tags_values = ( tags ? tags.map((tag) => (tag.value ? tag.value : '' ) : []); // this an array of the tags values.

你的代码没有返回你想要的，因为标签属性是一个对象数组，所以要获取标签值，你必须像我上面那样映射它。

希望这会有所帮助。

【讨论】：