/Javascript/React/Flatlist react native keyextractor

Flatlist react native keyextractor

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 vote122 views1 answer
Decet wheter react app in development or production
Javascript React
0 vote108 views1 answer
React router native back button
Javascript React
1 vote104 views1 answer
Cleartimeout react
Javascript React
18 votes103 views6 answers
Import svg as react component
Javascript React
0 vote97 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
0 vote140 views1 answer
How to get year in react
Javascript React
0 vote102 views1 answer
Event handling in react documentation
Javascript React
-1 vote119 views1 answer
Command not found:create-react-app
Javascript React
1 vote89 views1 answer
Reconciliation in react
Javascript React
0 vote103 views1 answer
Why is necessary to run react-native run
Javascript React