/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

2 votes328 views5 answers
React native debugger
Javascript React
4 votes373 views1 answer
How to add oAuth google signin in react native app
Javascript React
5 votes340 views6 answers
Box shadow in react native
Javascript React
0 vote386 views1 answer
React native run on specific emulator
Javascript React
0 vote331 views1 answer
Pagination hook react
Javascript React
1 vote351 views1 answer
React demo
Javascript React
1 vote311 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
0 vote362 views1 answer
Horizontal tabs in react js
Javascript React
0 vote353 views1 answer
React Native - Trigger Media Scanner
Javascript React
1 vote402 views1 answer
How to change favicon dynamic in react js
Javascript React