/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

0 vote295 views1 answer
Saving react code messing up in vsc
Javascript React
0 vote316 views1 answer
React event stop propagation
Javascript React
1 vote316 views1 answer
Adding media queries in makeStyle material react
Javascript React
0 vote327 views1 answer
React big calendar event color
Javascript React
0 vote333 views1 answer
Stateprovider.js react
Javascript React
0 vote256 views1 answer
React node github project
Javascript React
0 vote281 views1 answer
React merge two objects
Javascript React
0 vote315 views1 answer
React native init specific version
Javascript React
11 votes334 views3 answers
Create react tailwind app
Javascript React
0 vote345 views1 answer
Props with ternary in react
Javascript React