React-native ListView keys

Question

I\'m getting a warning on my app that bothers me. the react keeps saying that I need to add key for each row, but no matter what I cannot add these keys.

my code loo

Answer 1

As stated by Gabriel Lopes in his comment, a common mistake is to forget to add keys to the separators.

So make sure they are added. You can build them from the arguments passed to the separator function:

renderSeparator(sectionId, rowId, adjacentRowHighlighted) {
  return (<View key={`sep:${sectionId}:${rowId}`} />);
}

Answer 2

Actually renderRow gets four arguments (rowData, sectionID, rowID, highlightRow) , and you need the third and not the second one.

renderRow={(rowData, sectionID, rowID) => <Card key={rowID} data={rowData} 
            onPress={this.onCardPress.bind(this,rowData)} /> }

Reference: facebook.github.io/react-native/docs/listview.html#renderrow