/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

0 vote247 views1 answer
Hot loading react native shortcut key
Javascript React
0 vote234 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
1 vote232 views2 answers
React js alert popup example
Javascript React
0 vote213 views1 answer
Clear input field react-hook-form
Javascript React
7 votes253 views4 answers
React native textinput disable keyboard
Javascript React
0 vote218 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
1 vote237 views1 answer
React repeat
Javascript React
4 votes267 views1 answer
React native scrollview horizontal
Javascript React
0 vote249 views1 answer
How to remove console.log from react native app
Javascript React
1 vote290 views1 answer
How to delete element at a particular index of array in react js
Javascript React