[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()})
/>
Reference
이 문제에 관하여([ReactNative] VirtualizedList: missing keys for items, make sure to specify a key property on each item or provide a custom keyExtractor.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/gano/items/8f0fbd8a5034e135aa43
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
FlatList의 각 요소에 key 속성을 지정해 주면 좋다고 생각했지만, 경고가 없어지지 않는다. 다음 형식으로 keyExtractor를 이용하면 된다.
<FlatList
data={items}
renderItem={({ item }) => (
<ListItem
key={item.key}
attr={item.attr}
/>
)}
keyExtractor={(item, index) => index.toString()})
/>
Reference
이 문제에 관하여([ReactNative] VirtualizedList: missing keys for items, make sure to specify a key property on each item or provide a custom keyExtractor.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/gano/items/8f0fbd8a5034e135aa43텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)