Javascript 在 React 中解构数据

Question

我正在使用react-native，我试图将数据传递给子组件，之后我想使用map方法来显示带有键值的用户数据。 所以我在从对象创建数组后得到这个数据，我应该如何破坏它来获取用户名等。父组件:

render() {
    let userMap = Object.entries(this.state.users).map(key => key);

    return (
      <ViewPager
        users={userMap}
        usersRetrieved={this.state.usersRetrieved}
        addNewMatch={this.addNewMatch}
        navigation={this.props.navigation}
      />
    );

子组件:

<Text>{JSON.stringify(props.users)}</Text>

我应该如何获取用户名或个人资料图片数据？我尝试做 props.users[0].username 但没有运气

3 位用户的数据示例:

{
  "lwcIQTcpAae4e38hrD2K5Ar76W93": {
    "email": "emilissssss@temp.lt",
    "fbid": "3008*******71455",
    "gender": "male",
    "profile_picture": "...",
    "username": "Emilis"
  },
  "tempuser": {
    "email": "temp@temp.lt",
    "fbid": 315151515,
    "gender": "female",
    "matches": {
      "lwcIQTcpAae4e38hrD2K5Ar76W93": [Object]
    },
    "profile_picture": "...",
    "username": "Egle"
  },
  "thirdUserID":{
    "email": "temp@temp.lt"
    "username": "thirdUserUsername"
    ...
   }

}

Answer 1

您是否尝试过使用 props.users[0][1].username 来代替？因为它似乎是数组内数组的第二个值