React Native keyExtractor無法在SectionList中正常工作

Question

下面是我正在使用的keyExtractor方法。當組件是FlatList時，此方法正常工作，但在將FlatList轉換爲SectionList後，我不斷收到以下消息。

「Warning：VirtualizedSectionList：A section you supplied is missing the key property。」

// defining the keyExtractor function 

_keyExtractor = (item, index) => { 
    console.log('id in key extractor', item.id) 
    return item.id; 
    } 

// during render 

<SectionList 
    ... 
    keyExtractor={this._keyExtractor} 
    ... 
/> 

我正在記錄item.id，它正確地打印出不同的ID。有什麼想法嗎？提前致謝。

Answer 1

您可能會經過link。顯示警告是因爲每個部分都需要一個項目鍵。例如： -

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