/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

22 votes118 views3 answers
How to use if else inside jsx in react
Javascript React
5 votes123 views1 answer
React native backgrunde img
Javascript React
0 vote137 views1 answer
React native make safe view in mobile
Javascript React
2 votes156 views2 answers
Set delay react native
Javascript React
23 votes177 views2 answers
Reactjs app change port
Javascript React
0 vote119 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
0 vote118 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
24 votes118 views5 answers
How to change port in react js
Javascript React
0 vote126 views1 answer
Infinite scroll for chat react js
Javascript React
0 vote108 views1 answer
React google map doesn't update marker
Javascript React