/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 vote250 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote283 views1 answer
Swap scroll right in react native
Javascript React
11 votes270 views4 answers
Prototype react
Javascript React
5 votes254 views2 answers
TypeError: t is not a function React
Javascript React
0 vote236 views1 answer
Page scrolling react js
Javascript React
0 vote261 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
1 vote235 views2 answers
React capitalize first letter
Javascript React
1 vote249 views2 answers
React native modal
Javascript React
0 vote249 views1 answer
React bootstrap navbar align right buttons
Javascript React
7 votes254 views3 answers
React route props
Javascript React