/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

1 vote370 views1 answer
Lazy loading pagination react npm
Javascript React
4 votes373 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
0 vote433 views1 answer
React native application architecture
Javascript React
0 vote384 views1 answer
Custom login with facebook button react native
Javascript React
1 vote378 views1 answer
How to setup React Context, useContext Hook
Javascript React
0 vote362 views1 answer
React detect autofill
Javascript React
0 vote318 views1 answer
Integrate my own google pay using react js
Javascript React
0 vote1.3K views1 answer
Hide react from netlify
Javascript React
0 vote372 views1 answer
Retour à la ligne react native
Javascript React
0 vote380 views1 answer
Reacts mos twanted
Javascript React