/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

-2 votes211 views2 answers
Showdown react
Javascript React
0 vote233 views1 answer
Install react-foundation library in react js
Javascript React
0 vote219 views1 answer
Using shortid in react lists
Javascript React
6 votes224 views2 answers
Google sign up react npm
Javascript React
0 vote219 views1 answer
React map gl
Javascript React
0 vote228 views1 answer
Get data from mulitple query parameters react
Javascript React
15 votes218 views3 answers
Loop over a nerber in react
Javascript React
-1 vote220 views3 answers
Divider in react native
Javascript React
0 vote224 views1 answer
Render object id in an array reactjs from database
Javascript React
23 votes199 views6 answers
Map react
Javascript React