/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

1 vote293 views1 answer
How to define state in react function
Javascript React
1 vote311 views3 answers
Sticky footer react
Javascript React
-1 vote310 views2 answers
React native Platform
Javascript React
10 votes329 views5 answers
Form react js
Javascript React
1 vote302 views3 answers
Add react to existing project
Javascript React
0 vote297 views1 answer
Get all database react native
Javascript React
2 votes289 views1 answer
Make page refresh on top in react js
Javascript React
24 votes287 views3 answers
Set port in react app
Javascript React
1 vote296 views1 answer
React native flatlist horizontal scroll
Javascript React
0 vote289 views1 answer
React-i18next
Javascript React