/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 vote330 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
5 votes329 views6 answers
Box shadow in react native
Javascript React
0 vote342 views1 answer
React native bottom bar curved
Javascript React
0 vote362 views1 answer
React inject component into another component
Javascript React
1 vote354 views1 answer
React redux wait for props
Javascript React
2 votes336 views1 answer
If back react
Javascript React
6 votes359 views2 answers
React native spinner
Javascript React
0 vote344 views1 answer
Get position of element in react
Javascript React
10 votes355 views5 answers
Form react js
Javascript React
0 vote316 views1 answer
Flatlist footer react native
Javascript React