Как передать вложенные данные в FlatList React-native

Question

У меня такая структура:

Это узел чата, сейчас это 3 разных чата, каждый чат состоит из двух участников. Я хочу отображать каждый чат и передавать данные от другого пользователя. Итак, когда я вхожу в систему, у меня есть этот идентификатор из firebase: lwcIQTcpAae4e38hrD2K5Ar76W93. Я хочу отфильтровать ненужные данные, чтобы я мог показать profile_picture и имя пользователя другого пользователя.

Итак, прямо сейчас я просто передаю такие данные:

let allChats = Object.keys(this.state.chats).map(key => key);
    return (
      <ListItems
        navigate={navigate}
        data={allChats}
        // extraData={this.state.usersData}
      />
    );

Но у него есть только ключи чатов . И результат такой: Я хочу, чтобы там было другое имя пользователя и profile_picture, теперь есть клавиша чата и реакция lo go. Полный исходный код этого компонента: https://pastebin.com/72y5t1g9

Help plz

Answer 1

Вы можете попробовать со списком ListItem s:

const { chats } = this.state;
const chatKeys = Object.keys(chats);
return chatKeys.map(chatKey => (
  <ListItem
    key={chatKey}
    leftAvatar={{ source: { uri: chats[chatKey].profile_picture } }}
    title={chats[chatKey].username}
  />
));