我的react-native组件中有两个 FlatList。对于第二个 FlatList,它们充满了相似的数据和大约 80 个项目。当第一个 FlatList 达到 11 个或更多项目时(我正在向第一个 FlatList 动态添加项目),第二个停止呈现项目,即使过滤器的选择是正确的,它也是空的。这是第一个平面列表:
<FlatList
style={styles.flatList}
data={todaySuggestions}
renderItem={this.renderSuggestionItem}
keyExtractor={this.keyExtractor}
extraData={this.props}
/>
第二个是:
<FlatList
style={styles.flatList}
data={data.filter(item => !completedItems.find(item1 => item1.id === item.id).completed)}
renderItem={this.renderFurtherSuggestionItem}
keyExtractor={this.keyExtractor}
extraData={this.props}
/>