/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

6 votes195 views4 answers
Add items to a react array in hooks
Javascript React
0 vote210 views2 answers
React hook will mount
Javascript React
0 vote200 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
0 vote194 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
13 votes187 views3 answers
Enable emmet vscode react
Javascript React
0 vote230 views1 answer
How to add abutton component to drawer in react native
Javascript React
1 vote185 views1 answer
React native get last element of array
Javascript React
0 vote195 views1 answer
React hooks link to external site new tab
Javascript React
0 vote234 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
1 vote289 views1 answer
Rendering, reconciliation, committing in react
Javascript React