javascript - this.props.getItemCount 不是函数(VirtualizedList、React Native)

Question

我从使用 FlatList 切换到 VirtualizedList，并收到错误 this.props.getItemCount 不是函数。当我运行调试器时，VirtualizedList.js 抛出异常

<VirtualizedList
    data={contacts}
    getItem={(data, index) => data[index]}
    getItemCount={data => data.length}
    renderItem={({ item }) => (
        <ContactListItem
        name={item.name}
        number={item.number}
        />
    )}
/>

Answer 1

与 FlatList 不同，VirtualizedList 需要 props getItem 和 getItemCount ( React Native Docs )。

<VirtualizedList
    data={contacts}
    getItem={(data, index) => data[index]}
    getItemCount={data => data.length}
    renderItem={({ item }) => (
        <ContactListItem
        name={item.name}
        number={item.number}
        />
    )}
/>