/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

0 vote256 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote260 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React
0 vote276 views1 answer
Unexpected token useeffect react native
Javascript React
0 vote263 views1 answer
React state deconstructed
Javascript React
0 vote274 views1 answer
React testing library for hooks
Javascript React
0 vote271 views1 answer
Empty div react
Javascript React
2 votes274 views1 answer
How to clean react native project
Javascript React
3 votes257 views1 answer
Render image url in react native
Javascript React
-1 vote224 views1 answer
React localstorage remove item
Javascript React
0 vote258 views1 answer
Use navigate in class component react native
Javascript React