/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

97 votes185 views8 answers
Create react app
Javascript React
0 vote170 views4 answers
How to pass data between routes in react
Javascript React
-1 vote188 views1 answer
Date time react component
Javascript React
29 votes179 views2 answers
React or vue
Javascript React
0 vote170 views1 answer
Cannot find module 'sass' react
Javascript React
0 vote185 views1 answer
Blank array condition in react js
Javascript React
0 vote293 views1 answer
Yarn add react-native-elements
Javascript React
0 vote202 views1 answer
React native init specific version
Javascript React
0 vote171 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
0 vote191 views1 answer
Sort Array Object in React
Javascript React