Question

<View style={styles.container}>
  <SectionList
    sections={[
      { title: 'D', data: ['Devin'] },
      { title: 'J', data: ['Jackson', 'James', 'Jillian', 'Jimmy', 'Joel', 'John', 'Julie'] }
    ]}
    renderItem={({ item }) => <Text style={styles.item}>{item}</Text>}
    renderSectionHeader={({ section }) => <Text style={styles.sectionHeader}>{section.title}</Text>}
    keyExtractor={(item, index) => index}
  />
</View>

您能告诉我为什么变量data突然变为item的原因吗，我不知道这里发生了什么。

Answer 1

您是否要尝试说明为什么部分下的数据名称已更改为renderItem中的项目？

SectionList将用作for loop，它将从

获取数据

{[
  { title: 'D', data: ['Devin'] },
  { title: 'J', data: ['Jackson', 'James', 'Jillian', 'Jimmy', 'Joel', 'John', 'Julie'] }
]}

，然后逐项返回。您也可以将项目更改为数据，这只是一个变量。

希望您能得到答案。

为什么变量数据突然变为项

1 个答案: