/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

1 vote232 views1 answer
How to position View absolute react native
Javascript React
1 vote239 views1 answer
Rich editor react
Javascript React
0 vote246 views1 answer
How to add react.memo in export list
Javascript React
2 votes231 views1 answer
How to get current URL with Javascript or React
Javascript React
1 vote232 views2 answers
React js alert popup example
Javascript React
1 vote193 views3 answers
Antd react
Javascript React
2 votes228 views1 answer
What is virtual dom in react
Javascript React
10 votes270 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
0 vote249 views1 answer
How to show content-type:image/jpg in react
Javascript React
0 vote296 views1 answer
React native application architecture
Javascript React