/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

139 votes241 views6 answers
Creat react app
Javascript React
0 vote102 views1 answer
How to create module in react
Javascript React
0 vote113 views1 answer
Option component in react js errors
Javascript React
0 vote111 views1 answer
Unistall react node package
Javascript React
0 vote116 views2 answers
React native how to delete android build
Javascript React
0 vote116 views1 answer
React first click not working
Javascript React
0 vote99 views1 answer
Dynamic for loop react
Javascript React
0 vote116 views1 answer
Doughnut chartjs with react display percentage
Javascript React
5 votes106 views2 answers
React onclick new tab
Javascript React
0 vote160 views2 answers
Enzyme-adapter-react-16
Javascript React