/Javascript/React/How to use keyextractor in flatlist react native

How to use keyextractor in flatlist react native

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

32 votes135 views1 answer
React roouter dom
Javascript React
1 vote130 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote135 views1 answer
React native delay input
Javascript React
0 vote138 views1 answer
TextInput cursor not shown react native
Javascript React
0 vote130 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
0 vote135 views1 answer
React chrome get language
Javascript React
23 votes188 views2 answers
Reactjs app change port
Javascript React
0 vote124 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
1 vote135 views1 answer
Add a text on last object map reactjs
Javascript React
0 vote134 views1 answer
Make input fixed position reactjs
Javascript React