/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 vote383 views1 answer
React native getting old navigation parameter
Javascript React
0 vote367 views2 answers
React toggle boolean state
Javascript React
0 vote347 views1 answer
How to add css based on route react
Javascript React
105 votes370 views1 answer
Create react app scaffolding
Javascript React
0 vote390 views1 answer
React bootstrap profile card
Javascript React
1 vote342 views1 answer
Yup only characters regex validation react
Javascript React
0 vote352 views1 answer
Camera roll react native
Javascript React
0 vote360 views1 answer
ExoPlayer with auto linking react native
Javascript React
0 vote378 views1 answer
How to add a useState in react Js
Javascript React
0 vote349 views2 answers
React tweet embed
Javascript React