为什么可变数据突然更改为项目

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

您是否尝试说明为什么在您的 e节下的数据名称已更改为RENDERITEM中的项目？

sectionList将作为for loop工作，从而将您的数据从

中获取

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

并一一返回作为项目。您可以将项目更改为数据，它只是一个变量。

希望您得到答案。