/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

0 vote119 views2 answers
React foreach loop
Javascript React
0 vote122 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
4 votes138 views1 answer
Open a new tab when clicking on a link react
Javascript React
2 votes127 views5 answers
React native debugger
Javascript React
2 votes125 views5 answers
How to import in react js
Javascript React
0 vote129 views1 answer
React-router in saga
Javascript React
5 votes142 views1 answer
React native backgrunde img
Javascript React
1 vote132 views1 answer
Breakline in react native
Javascript React
0 vote129 views1 answer
Form changes button enable reactive forms
Javascript React
-1 vote94 views1 answer
How to retrieve filename from a blob response in react js
Javascript React