/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

2 votes308 views2 answers
Merge two styles react native
Javascript React
0 vote307 views1 answer
React read multiple files with filereader
Javascript React
1 vote306 views1 answer
Rendering in react
Javascript React
0 vote263 views1 answer
Create react app ssl
Javascript React
0 vote329 views1 answer
Adding js file to reactjs
Javascript React
-2 votes335 views1 answer
How to get country code in react native
Javascript React
0 vote310 views1 answer
React native get uri of the image in the app assets folder
Javascript React
1 vote307 views1 answer
Component vs container react
Javascript React
0 vote321 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
126 votes431 views4 answers
React app using npm
Javascript React