/Javascript/React/How to use keyextractor in flatlist react native

How to use keyextractor in flatlist react native

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 vote405 views1 answer
Truncate function react
Javascript React
0 vote395 views1 answer
How to bound a state variable to a field react final form
Javascript React
0 vote411 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
0 vote401 views1 answer
How to declare a variable in react
Javascript React
2 votes385 views2 answers
Vscode extensions for better react js
Javascript React
2 votes377 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote395 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote401 views1 answer
Use this in a react js component
Javascript React
0 vote379 views1 answer
React Spread Attributes conditionally
Javascript React
-1 vote414 views1 answer
React slick npm
Javascript React