/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

23 votes385 views3 answers
React save to local storage
Javascript React
1 vote342 views1 answer
React native modal not full screen
Javascript React
0 vote347 views1 answer
Image continuous changing div react
Javascript React
0 vote322 views3 answers
React counter animation
Javascript React
-1 vote356 views1 answer
Convert create-react-app to typscript
Javascript React
2 votes318 views2 answers
Fullcalendar react add event duration
Javascript React
0 vote348 views1 answer
Icomoon react native
Javascript React
0 vote368 views1 answer
React native float upto 2 digits
Javascript React
3 votes356 views3 answers
How to hide source for react project
Javascript React
32 votes332 views6 answers
Font awesome react
Javascript React