/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 vote213 views1 answer
Geocoding react
Javascript React
0 vote203 views1 answer
React array if id is present do not add element
Javascript React
23 votes180 views2 answers
Create-react-app npm yarn
Javascript React
2 votes190 views2 answers
React detect screen size
Javascript React
1 vote205 views1 answer
Reactnavigation 5 hide header
Javascript React
0 vote222 views1 answer
My vscode does not recognize react code syntax
Javascript React
7 votes198 views5 answers
Resize image react native
Javascript React
1 vote198 views1 answer
React check if string is mail
Javascript React
0 vote185 views1 answer
Most common use cases of portals in react
Javascript React
0 vote203 views1 answer
React 5 to 10 rating
Javascript React