/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

9 votes147 views6 answers
React Component
Javascript React
1 vote140 views1 answer
Class and id in react
Javascript React
0 vote154 views1 answer
Search nested array in react javascript
Javascript React
1 vote161 views1 answer
Share file in react native
Javascript React
0 vote168 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
1 vote164 views1 answer
How to clear pod cache in react native
Javascript React
5 votes155 views4 answers
React native status bar
Javascript React
0 vote150 views1 answer
Gradlew command not found react native
Javascript React
8 votes157 views2 answers
Set value as object in react hooks
Javascript React
0 vote151 views1 answer
React native charts style gradiant
Javascript React