/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

15 votes239 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
2 votes204 views2 answers
React material ui media queries
Javascript React
0 vote204 views2 answers
Barcode scanner react js
Javascript React
4 votes209 views2 answers
React checking matches in state array
Javascript React
97 votes230 views8 answers
Create react app
Javascript React
1 vote207 views1 answer
Slider on release call api react material ui
Javascript React
0 vote220 views1 answer
How to insalk react router with npm
Javascript React
0 vote211 views1 answer
Log errors react
Javascript React
-1 vote303 views2 answers
React native scaling font
Javascript React
0 vote196 views1 answer
React Fontawesome Thumbs Up/Down rating (showcases background icon hiding)
Javascript React