/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

3 votes196 views2 answers
React get data attribute from element
Javascript React
0 vote193 views1 answer
How to show content-type:image/jpg in react
Javascript React
1 vote182 views2 answers
How to render react native app under the status bar
Javascript React
6 votes221 views2 answers
String to html javascript react
Javascript React
0 vote166 views1 answer
Platform check in react native for status bar color
Javascript React
1 vote200 views1 answer
React-router-dom v6 redirect
Javascript React
97 votes212 views8 answers
Create react app
Javascript React
23 votes253 views2 answers
Reactjs app change port
Javascript React
32 votes185 views2 answers
Npm react router dom@5
Javascript React
14 votes180 views2 answers
Border react native
Javascript React