/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 vote120 views1 answer
How to calc() height in react native for styling
Javascript React
7 votes114 views2 answers
React router 6 redirect
Javascript React
4 votes114 views2 answers
React get url params in class component
Javascript React
1 vote108 views1 answer
React next alias import
Javascript React
0 vote112 views3 answers
Get url parameter in react js
Javascript React
5 votes118 views2 answers
Code splitting react
Javascript React
6 votes110 views1 answer
React-native italics
Javascript React
0 vote63 views1 answer
Document is not defined react router
Javascript React
0 vote113 views1 answer
React testing for links
Javascript React
0 vote108 views1 answer
React Movies
Javascript React