反应原生的 JSON 对象渲染答案

【问题标题】：JSON object rendering in react native反应原生的 JSON 对象渲染
【发布时间】：2019-04-03 17:13:36
【问题描述】：

我想知道是否可以创建一个部分调用 group_id 并在 react-native 中列出该部分中 group_id 中的所有成员

我尝试过使用 for 循环，但它不能正常工作。这是我目前正在使用的 JSON 对象。理想情况下，我希望 group_ids 与组中的成员一起列出。关于我应该如何开始的任何建议都会很棒。

{
  "groups": [
    {
      "group_id": 736,
      "members": [
        {
          "user_id": 1,
          "email": "jdoe@test.com",
          "first_name": "John",
          "last_name": "Doe"
        },
        {
          "user_id": 14,
          "email": "Hf@gmail.com",
          "first_name": "Be",
          "last_name": "Hg"
        },
        {
          "user_id": 10,
          "email": "Tea@gmail.com",
          "first_name": "Sugar",
          "last_name": "Tea"
        }
      ]
    },
    {
      "group_id": 737,
      "members": [
        {
          "user_id": 3,
          "email": "kentt@test.com",
          "first_name": "Kent",
          "last_name": "Torrel"
        },
        {
          "user_id": 12,
          "email": "Chh",
          "first_name": "Dog",
          "last_name": "Go"
        },
        {
          "user_id": 15,
          "email": "",
          "first_name": "",
          "last_name": ""
        }
      ]
    },
    {
      "group_id": 738,
      "members": [
        {
          "user_id": 6,
          "email": "rajpaj@test.com",
          "first_name": "Raj",
          "last_name": "Parikh"
        },
        {
          "user_id": 2,
          "email": "vt@test.com",
          "first_name": "Vathana",
          "last_name": "Him"
        },
        {
          "user_id": 11,
          "email": "Tea@gmail.com",
          "first_name": "Sugar",
          "last_name": "Tea"
        }
      ]
    },
    {
      "group_id": 739,
      "members": [
        {
          "user_id": 13,
          "email": "Hdh",
          "first_name": "Ou",
          "last_name": "Hm"
        },
        {
          "user_id": 9,
          "email": "lk@test.com",
          "first_name": "Larry",
          "last_name": "Jones"
        },
        {
          "user_id": 4,
          "email": "mcruz@test.com",
          "first_name": "Megan",
          "last_name": "Cruz"
        }
      ]
    },
    {
      "group_id": 740,
      "members": [
        {
          "user_id": 8,
          "email": "janejanej@test.com",
          "first_name": "Jajsdjao",
          "last_name": "Doe"
        },
        {
          "user_id": 16,
          "email": "",
          "first_name": "",
          "last_name": ""
        },
        {
          "user_id": 5,
          "email": "lbenjaminz@test.com",
          "first_name": "Liron",
          "last_name": "Benjamin"
        }
      ]
    }
  ]
}

这样的例子会有所帮助，因为我不知道从哪里开始！

【问题讨论】：

标签： javascript json api react-native fetch

【解决方案1】：

你可以使用for每个循环来做到这一点

const data = {
            "groups": [
              {
                "group_id": 736,
                "members": [
                  {
                    "user_id": 1,
                    "email": "jdoe@test.com",
                    "first_name": "John",
                    "last_name": "Doe"
                  },
                  {
                    "user_id": 14,
                    "email": "Hf@gmail.com",
                    "first_name": "Be",
                    "last_name": "Hg"
                  },
                  {
                    "user_id": 10,
                    "email": "Tea@gmail.com",
                    "first_name": "Sugar",
                    "last_name": "Tea"
                  }
                ]
              },
              {
                "group_id": 737,
                "members": [
                  {
                    "user_id": 3,
                    "email": "kentt@test.com",
                    "first_name": "Kent",
                    "last_name": "Torrel"
                  },
                  {
                    "user_id": 12,
                    "email": "Chh",
                    "first_name": "Dog",
                    "last_name": "Go"
                  },
                  {
                    "user_id": 15,
                    "email": "",
                    "first_name": "",
                    "last_name": ""
                  }
                ]
              },
              {
                "group_id": 738,
                "members": [
                  {
                    "user_id": 6,
                    "email": "rajpaj@test.com",
                    "first_name": "Raj",
                    "last_name": "Parikh"
                  },
                  {
                    "user_id": 2,
                    "email": "vt@test.com",
                    "first_name": "Vathana",
                    "last_name": "Him"
                  },
                  {
                    "user_id": 11,
                    "email": "Tea@gmail.com",
                    "first_name": "Sugar",
                    "last_name": "Tea"
                  }
                ]
              },
              {
                "group_id": 739,
                "members": [
                  {
                    "user_id": 13,
                    "email": "Hdh",
                    "first_name": "Ou",
                    "last_name": "Hm"
                  },
                  {
                    "user_id": 9,
                    "email": "lk@test.com",
                    "first_name": "Larry",
                    "last_name": "Jones"
                  },
                  {
                    "user_id": 4,
                    "email": "mcruz@test.com",
                    "first_name": "Megan",
                    "last_name": "Cruz"
                  }
                ]
              },
              {
                "group_id": 740,
                "members": [
                  {
                    "user_id": 8,
                    "email": "janejanej@test.com",
                    "first_name": "Jajsdjao",
                    "last_name": "Doe"
                  },
                  {
                    "user_id": 16,
                    "email": "",
                    "first_name": "",
                    "last_name": ""
                  },
                  {
                    "user_id": 5,
                    "email": "lbenjaminz@test.com",
                    "first_name": "Liron",
                    "last_name": "Benjamin"
                  }
                ]
              }
            ]
          }

        let jsonData= JSON.stringify(data)
        jsonData = JSON.parse(jsonData)

        let groupID=740

        jsonData.groups.forEach(element => {
            if(element.group_id === groupID){
                console.log("Group ID "+element.group_id)

                element.members.forEach(subElement =>{
                    console.log(subElement)
                })
            }
        });

【讨论】：