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 должно быть 0, если section.data равно [1, 2], и 1, когда section.data равно [3, 4].

Как это сделать, кроме добавления индекса в данные sections?

Answer 1

Нет никакого индекса раздела renderSectionHeader в SectionList реагирующего натива, но вы можете добавить в свои разделы индексный элемент, как этот

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

, а затем получить доступ к индексу в renderSectionHeader следующим образом:

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