[ReactNative] VirtualizedList: missing keys for items, make sure to specify a key property on each item or provide a custom keyExtractor.

問題

FlatList使用時に以下の警告が出る

解決

FlatListの各要素にkey属性を指定してあげれば良いと考えたが、警告が無くならない。以下の形式で、keyExtractorを利用すれば良い。

    <FlatList
        data={items}
        renderItem={({ item }) => (
          <ListItem
            key={item.key}
            attr={item.attr}
          />
        )}
        keyExtractor={(item, index) => index.toString()})
     />