/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 vote387 views2 answers
Apply back button to a react component
Javascript React
22 votes382 views2 answers
React-bootstrap example
Javascript React
0 vote378 views1 answer
Nice react native shadow
Javascript React
0 vote385 views1 answer
React native navigation remove top header screen
Javascript React
1 vote443 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
0 vote347 views3 answers
React native navigation change header title
Javascript React
0 vote396 views1 answer
Reactjs exemple function component
Javascript React
0 vote387 views1 answer
React router v6 lazy suspense
Javascript React
0 vote390 views1 answer
Why doesn't'$' work in react
Javascript React
0 vote390 views1 answer
React ES6 Arrow Functions
Javascript React