react-native - React-Native：当在 ios 中传递一个空数组时，Flatlist 和 Sectionlist 会抛出异常

Question

以下是我的Flatlist代码，

 <FlatList
      data={allRequestsArr}
      renderItem={({ item, index }) => this.renderItems(item, index)}
      keyExtractor={item => item.id.toString()}
      onEndReached={this.loadMore}
      onEndReachedThreshold={0.1}
      ListFooterComponent={this.renderFooter}
      initialNumToRender={allRequestsArr.length}
      ListEmptyComponent={this.renderEmptyResultContent}
 />

何时allRequestsArr是空数组，出现以下异常，

这仅发生在ios（同时使用Flatlist和SectionList）中。在androidListEmptyComponent中像往常一样被调用。

任何人都可以让我知道代码有什么问题吗？谢谢！

Answer 1

如果它是一个空数组，则不会抛出任何错误，问题是传递的值未定义或 NAN ，

所以试试这个：

<FlatList
      data={allRequestsArr?allRequestsArr:[]}
      renderItem={({ item, index }) => this.renderItems(item, index)}
      keyExtractor={item => item.id.toString()}
      onEndReached={this.loadMore}
      onEndReachedThreshold={0.1}
      ListFooterComponent={this.renderFooter}
      initialNumToRender={allRequestsArr.length}
      ListEmptyComponent={this.renderEmptyResultContent}
 />

希望能帮助到你。