/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 vote250 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote243 views1 answer
Play 2 audio react
Javascript React
0 vote251 views1 answer
Trash alternate outline icon not coming to right side react
Javascript React
0 vote259 views1 answer
React dynamic settings
Javascript React
4 votes267 views1 answer
How to add custom font to react project
Javascript React
1 vote248 views1 answer
React native scrollview sticky header
Javascript React
0 vote257 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
0 vote260 views1 answer
Timezone in react js
Javascript React
0 vote258 views1 answer
Reactjs change fill color .svg
Javascript React
0 vote281 views1 answer
Htaccess to deploy react app to cpanel
Javascript React