/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

140 votes600 views5 answers
React js installation
Javascript React
8 votes403 views2 answers
React fragment
Javascript React
2 votes394 views2 answers
Await in react in function component
Javascript React
7 votes374 views2 answers
How to pass a component as a prop in react
Javascript React
1 vote445 views1 answer
How to change favicon dynamic in react js
Javascript React
0 vote396 views1 answer
Removing borderline of input in react
Javascript React
1 vote370 views1 answer
React footer
Javascript React
0 vote391 views1 answer
Add clickable link to image in react native
Javascript React
-1 vote381 views4 answers
React cheat sheets
Javascript React
0 vote368 views1 answer
Get LocalStorage from WebView react native
Javascript React