/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 votes131 views1 answer
Best react native ui library
Javascript React
0 vote118 views1 answer
Npm react-dom
Javascript React
0 vote144 views2 answers
Reactjs firebase timestamp to date
Javascript React
1 vote153 views1 answer
Unexpected token. did you mean `{'>'}` or `>`? react
Javascript React
-1 vote117 views1 answer
Timestamp to unix time react
Javascript React
3 votes189 views3 answers
How to uninstall react native cli globally
Javascript React
131 votes205 views6 answers
Creating react app
Javascript React
11 votes124 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote123 views1 answer
React native firebase login with facebook
Javascript React
0 vote132 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React