/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 vote144 views1 answer
Column width table react
Javascript React
2 votes181 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote144 views1 answer
React native unexpected token '<'
Javascript React
0 vote138 views1 answer
Jsx not working in react vscode
Javascript React
23 votes137 views3 answers
Copy text to clipboard javascript react
Javascript React
0 vote155 views1 answer
Npm react-native-async-storage
Javascript React
0 vote164 views1 answer
Change value in array react
Javascript React
1 vote133 views2 answers
How to place text input cursor to start in react native
Javascript React
0 vote147 views1 answer
Js map vs react js map
Javascript React
4 votes150 views2 answers
Change the route on button click react
Javascript React