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

1805 단어 reactnativeFlatList

문제



FlatList를 사용할 때 다음 경고가 표시됩니다.


해결



FlatList의 각 요소에 key 속성을 지정해 주면 좋다고 생각했지만, 경고가 없어지지 않는다. 다음 형식으로 keyExtractor를 이용하면 된다.

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

좋은 웹페이지 즐겨찾기