/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

7 votes204 views2 answers
React router 6 redirect
Javascript React
1 vote201 views1 answer
Arrow not showing react slick
Javascript React
1 vote202 views4 answers
Passing data in route react
Javascript React
3 votes181 views2 answers
React get route path
Javascript React
4 votes313 views3 answers
Width 100% react-native
Javascript React
0 vote204 views1 answer
Setting a date range using yup on react date picker
Javascript React
0 vote216 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
0 vote193 views1 answer
'unsafe-inline' react
Javascript React
2 votes204 views1 answer
React-moralis
Javascript React
4 votes187 views3 answers
Get params in react router dom v6
Javascript React