/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

14 votes152 views4 answers
Conditional classname prop react
Javascript React
0 vote162 views1 answer
How to convert react component to image
Javascript React
0 vote153 views2 answers
React display base64 image
Javascript React
0 vote158 views1 answer
React native add two view
Javascript React
0 vote144 views1 answer
React merge two objects
Javascript React
1 vote174 views3 answers
Stripe react js
Javascript React
0 vote159 views3 answers
React native shaddow
Javascript React
0 vote158 views1 answer
React call component state
Javascript React
0 vote218 views1 answer
Missing script: "start" react
Javascript React
29 votes150 views6 answers
If react
Javascript React