/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

-1 vote189 views1 answer
Date time react component
Javascript React
1 vote191 views1 answer
Lazy loading pagination react npm
Javascript React
0 vote228 views1 answer
How to go to settings on next click in react native
Javascript React
1 vote195 views1 answer
Have flat list automatically wrap react native
Javascript React
1 vote216 views2 answers
Flatlist onrefresh react native
Javascript React
0 vote202 views1 answer
Download images from http link in react
Javascript React
11 votes204 views2 answers
Shadow using react native
Javascript React
0 vote193 views1 answer
Create app with a specific react version
Javascript React
0 vote197 views1 answer
React native elements bottom sheet close on back button press
Javascript React
0 vote204 views1 answer
React testing for links
Javascript React