React JS映射某些索引

Question

我有一个名为好友的道具，看起来像是：

friends: Map(...)
    0: Array[2]
       0: "3"  // friendId
       1: Record(...)
          0: Array[2]
             0: "firstName"
             1: "Bob"
          1: Array[2]
             0: "lastName"
             1: "Smith"
    ... 

我怎样才能映射某些索引？以下映射整个列表并打印出firstName和lastName。

friends.mapEntries(([friendId, frn]) => [
    friendId,
        <option value={friendId} key={friendId}>
            {frn.firstName} {frn.lastName}
        </option>,
]).toList()

但是我只想映射特定值的条目。我有另一个名为事件的道具，其中包含一个名为 friendsInEvent 的列表，其中只包含好友的ID。

event: Record(...)
...
6: Array[2]
   0: "friendsInEvent"
   1: List(...)
      0: "3"

我再次使用以下方式打印出来：

{friendsInEvent.map(([friendId, frn]) => [
     <div key={friendId}>
         {friendId}
     </div>,
])}

如何将两者合并在一起并映射friendsInEvent的firstName和lastName？或者再次存储firstName和lastName更容易？