/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

4 votes152 views1 answer
How to add custom font to react project
Javascript React
0 vote153 views1 answer
Date in react js
Javascript React
0 vote161 views1 answer
Icon with label in react native
Javascript React
0 vote138 views1 answer
React native get source maps
Javascript React
3 votes163 views1 answer
React tooltip data-tip
Javascript React
1 vote133 views1 answer
Npm package for sorting in reactjs
Javascript React
-2 votes148 views5 answers
React cheat sheet
Javascript React
3 votes142 views3 answers
How to remove global react-native-cli package
Javascript React
-1 vote152 views1 answer
React grid
Javascript React
9 votes183 views2 answers
Html emmet in react vscode
Javascript React