/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

25 votes202 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
0 vote206 views1 answer
React native tab.screen hide title
Javascript React
0 vote247 views1 answer
Flipper semantic issue react native
Javascript React
0 vote193 views1 answer
React native notify user for new version of app
Javascript React
0 vote167 views1 answer
React native cross out letter
Javascript React
0 vote189 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
4 votes196 views3 answers
Image react native base64
Javascript React
0 vote227 views1 answer
State creation in class components reactjs interview questions
Javascript React
0 vote187 views1 answer
React native custom debounce input
Javascript React
0 vote226 views1 answer
Back press subscriptions i is not a function react native
Javascript React