/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

3 votes188 views1 answer
How to stop react app in terminal
Javascript React
136 votes655 views6 answers
Create a react app
Javascript React
1 vote194 views1 answer
Tailwind css react craco package.json
Javascript React
5 votes183 views1 answer
Wrap text react native
Javascript React
0 vote184 views1 answer
Date picker type react
Javascript React
13 votes187 views1 answer
React post request
Javascript React
1 vote172 views1 answer
Responsive calc height react native
Javascript React
0 vote207 views1 answer
Returned data has p tags react
Javascript React
0 vote184 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote196 views1 answer
React-particles-js not working
Javascript React