/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 vote194 views1 answer
Failed to construct image react-native
Javascript React
1 vote278 views1 answer
Check if new user in firebase react
Javascript React
8 votes207 views3 answers
Change title react
Javascript React
0 vote199 views1 answer
Unexpected token react
Javascript React
1 vote221 views2 answers
React native modal
Javascript React
0 vote225 views1 answer
React key press hook
Javascript React
0 vote234 views1 answer
Return multiple native element react native
Javascript React
2 votes206 views2 answers
How to export multiple functions react from one file
Javascript React
3 votes194 views3 answers
React hide source code
Javascript React
-2 votes301 views2 answers
Search bar in react js material ui
Javascript React