/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

4 votes321 views3 answers
React js get screen size
Javascript React
0 vote367 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
9 votes331 views1 answer
Create react app in existing folder
Javascript React
15 votes302 views4 answers
Get query params react
Javascript React
0 vote350 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
0 vote313 views1 answer
React native force vertical
Javascript React
0 vote354 views1 answer
Web-vitals react
Javascript React
10 votes322 views1 answer
Device height react native
Javascript React
1 vote322 views1 answer
How to use react memo hooks
Javascript React
0 vote301 views1 answer
Active link color different in react js
Javascript React