javascript - react native FlatList keyExtractor 和 listKey

Question

我有多个关于 FlatList 的问题，阅读文档后无法回答。

什么时候需要用listKey，什么时候用keyExtractor？有时，当我有兄弟 FlatLists 时，我必须在每个列表中指定 listKey，如下所示:

      renderItem = (item, index) => (<View key={item.id} />)

      <FlatList
           keyExtractor={({id}) => id}
           listKey="MusicList"
           renderItem={this.renderItem}
       />

       <FlatList
           keyExtractor={({id}) => id}
           listKey="BooksList"
       />

我可以同时拥有 listKey 和 keyExtractor 吗？

到目前为止，我一直在想的是，listKey 就像一个 keyExtractor，但用于列表，而 keyExtractor 识别列表中的每个项目...是这样吗？

谢谢。

Answer 1

keyExtractor是用于为 FlatList 的每个项目提取唯一键的函数.和 listKey是 VirtualizedList 的唯一标识符.如果在另一个 VirtualizedList 中的同一级别嵌套有多个 VirtualizedList，则此键是虚拟化正常工作所必需的。

从您发布的示例来看，keyExtractor 是 Fl​​atList 中每个项目的唯一标识符。 listKey是每个列表的标识。