Question

我正在将数据从API提取到应用程序中。该API可为您提供组列表中的数据，这些数据可以正确显示给用户，并且效果很好。

API呼叫

componentDidMount() {  
    api.get('/groups?owner=true&groupMembers='+`${userID}`).then((response) => {
      let data = response.data.data.
      this.setState({userGroups: data , showLoader: false})
      console.log(JSON.stringify(this.state.userGroups))
    })
}

查看

    {
    userGroups.map((item, i) => {
    return (
    <List.Item
    key={i} 
    title= {item.name}
    title = {item.member.firstname} {item.member.lastname}
    description={item.description}
    left={props => <List.Icon {...props} icon="people" />}
  />
      );
    })
  }

API数据

{
  "code": 2000,
  "message": "OK",
  "data": [
    {
      "id": 4,
      "groupType": "",
      "name": "Stars,
      "description": "Designed for stars",
      "avatar": "",
      "createdDate": "2019-02-08 15:13:49",
      "updatedDate": null,
      "owner": {
        "id": 2,
        "member": {
          "id": 3,
          "firstname": "Jack",
          "lastname": "Shaw",
          "othernames": "Eben",
          "createdDate": "2010-02-08 10:43:48"
        },
        "community": {
          "id": 3,
          "createdDate": "2019-02-06 09:59:21",
          "updatedDate": "2019-02-08 14:18:03",
          "communityType": "DEFAULT",
          "avatar": "string",
          "name": "Stars",
          "description": "Designed for stars"
        },
        "createdDate": "2019-02-08 11:06:44",
        "updatedDate": null,
        "admin": false
      },
      "closed": false,
      "opened": true,
      "default": true
    }
  ],
  "errors": null,
  "pager": {
    "page": 1,
    "pageSize": 10,
    "totalCount": 2,
    "direction": "DESC",
    "sortProperties": [
      "id"
    ]
  }
}

现在的挑战是，我想在视图{item.member.name}中的位置显示所有者名称，但是我发现很难做到这一点。我希望能够访问数组成员部分中的数据并将其绑定到视图

在React Native中访问对象中的对象

0 个答案: