/Javascript/React/How to use keyextractor in flatlist react native

How to use keyextractor in flatlist react native

How to use flatlist keyextractor

<FlatList 
  data={[{name: 'a'}, {name: 'b'}]} 
  renderItem={
    ({item}) => <Text>{item.name}</Text>
  } 
  keyExtractor={(item, index) => index.toString()}
/>

Source: stackoverflow.com

Flatlist react native keyextractor

keyExtractor = () => {
    return new Date().getTime().toString() + (Math.floor(Math.random() * Math.floor(new Date().getTime()))).toString();  };

Source: stackoverflow.com

Flatlist react native keyextractor

keyExtractor = item => {
    return item.id.toString() + new Date().getTime().toString() + (Math.floor(Math.random() * Math.floor(new Date().getTime()))).toString();  };

Source: stackoverflow.com

Similar codes

1 vote312 views2 answers
History react router
Javascript React
3 votes440 views3 answers
Center element react native
Javascript React
4 votes322 views3 answers
Width 100% react-native
Javascript React
0 vote313 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote304 views3 answers
React-router-dom status code 301
Javascript React
4 votes298 views3 answers
Add google map in react js
Javascript React
3 votes272 views2 answers
React api call
Javascript React
0 vote319 views1 answer
React rative release
Javascript React
0 vote297 views1 answer
React router dom default params
Javascript React
0 vote314 views1 answer
React js how to do array range
Javascript React