/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 vote306 views2 answers
Get location from brwoser react
Javascript React
0 vote319 views1 answer
Date in react js
Javascript React
3 votes297 views1 answer
Pass element from child to parent react
Javascript React
0 vote268 views1 answer
Reference hook in react
Javascript React
18 votes287 views6 answers
React-native make android apk
Javascript React
0 vote292 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
0 vote304 views3 answers
Place footer at the bottom of the page react
Javascript React
12 votes323 views3 answers
Font weight react native
Javascript React
0 vote302 views1 answer
Number format reactjs
Javascript React
0 vote297 views1 answer
Reactjs events list
Javascript React