/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

3 votes224 views1 answer
React hooks delete item from array
Javascript React
-1 vote307 views2 answers
React native scaling font
Javascript React
0 vote237 views1 answer
Connect react with database server
Javascript React
13 votes197 views3 answers
Enable emmet vscode react
Javascript React
42 votes211 views3 answers
React onchange multiple functions
Javascript React
0 vote217 views1 answer
React native check os
Javascript React
0 vote214 views1 answer
React overflow scroll
Javascript React
0 vote197 views1 answer
Form.select react bootstrap
Javascript React
1 vote209 views2 answers
How to not use relative imports in react js
Javascript React
0 vote214 views1 answer
Assign random colors react chartjs
Javascript React