/Javascript/React/How to use keyextractor in flatlist react native

How to use keyextractor in flatlist react native

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 vote139 views1 answer
React js component parameters
Javascript React
0 vote143 views1 answer
OnPress image react native
Javascript React
2 votes147 views2 answers
Easiest way to show current date in react
Javascript React
113 votes170 views4 answers
New create react app
Javascript React
15 votes165 views6 answers
React forms
Javascript React
0 vote147 views1 answer
Remove react native cli mac
Javascript React
0 vote145 views1 answer
How to resolve cors in production react
Javascript React
1 vote156 views1 answer
React js router parameters
Javascript React
2 votes143 views1 answer
React array find index
Javascript React
0 vote187 views1 answer
Chinese icon in react native vector icons
Javascript React