react-native - SectionList 获取 renderSectionHeader 中的节索引

Question

<SectionList
  sections={[{ data: [1, 2] }, { data: [3, 4] }]}
  renderItem={({ item, index }) => ...}
  renderSectionHeader={({ section, index }, i) => {
    console.log(index, i); // both undefined
  }}
/>

我想在 renderSectionHeader 中获取该部分的索引.
例如。 index当 section.data 时应为 0是 [1, 2]和 1 当 section.data是 [3, 4] .

除了将索引添加到 sections 之外，我如何才能完成此操作数据？

Answer 1

在 react native 的 SectionList 中没有 renderSectionHeader 的部分索引，但是您可以像这样向您的部分添加索引 Prop

 sections={[{ data: [1, 2], index:0 }, { data: [3, 4], index:1 }]}

然后像这样访问renderSectionHeader中的索引

 renderSectionHeader={({section}) => {
     console.log(section.index); 
 }}