/Javascript/React/Flatlist react native keyextractor

Flatlist react native keyextractor

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 vote160 views1 answer
React open on different url instead of localhost
Javascript React
10 votes224 views5 answers
Form react js
Javascript React
0 vote187 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
0 vote210 views2 answers
React open pdf in new tab
Javascript React
91 votes232 views7 answers
React-router-dom
Javascript React
1 vote183 views1 answer
How to get the value of textarea in react
Javascript React
1 vote175 views1 answer
Arrow not showing react slick
Javascript React
0 vote174 views3 answers
React lifecycle hooks
Javascript React
6 votes180 views1 answer
Disable inputetext in react native
Javascript React
0 vote220 views1 answer
Reactjs lifecycle class components
Javascript React