/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 vote155 views2 answers
Mobile nav react npm
Javascript React
1 vote167 views1 answer
React native textinput not show cursor
Javascript React
0 vote129 views1 answer
React native delay input
Javascript React
-1 vote136 views1 answer
Use inline and other styles react native
Javascript React
0 vote141 views1 answer
React measure page load time
Javascript React
0 vote133 views1 answer
How to change grid size with conditional expression in react
Javascript React
-2 votes166 views3 answers
React and express
Javascript React
12 votes81 views3 answers
React form hook npm
Javascript React
0 vote113 views1 answer
Content uri react native fs
Javascript React
3 votes128 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React