/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

1 vote360 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
0 vote375 views1 answer
Mreact graph
Javascript React
0 vote370 views1 answer
React.createElement pass props
Javascript React
0 vote381 views1 answer
React first click not working
Javascript React
14 votes333 views5 answers
React conditional class
Javascript React
0 vote358 views1 answer
Exit ios inspector in react native
Javascript React
1 vote376 views1 answer
Type writer in react
Javascript React
5 votes356 views2 answers
Update react version
Javascript React
0 vote373 views1 answer
Add pdf in react app
Javascript React
0 vote400 views1 answer
React-scripts test single file
Javascript React