/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

0 vote206 views3 answers
Flash effect in react native
Javascript React
0 vote250 views1 answer
React tooltip doesn't work
Javascript React
0 vote245 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote259 views1 answer
How to show content-type:image/jpg in react
Javascript React
1 vote232 views2 answers
React select disable option
Javascript React
0 vote242 views1 answer
How to align text vertically center beside an image in react native
Javascript React
1 vote198 views1 answer
Hide column in antd table using js / react with conditional rendering
Javascript React
0 vote233 views1 answer
CChartpie react
Javascript React
0 vote219 views1 answer
How to link to a different component in reactjs without react router
Javascript React
3 votes264 views1 answer
React.children.only expected to receive a single react element child
Javascript React