gpt4 book ai didi

reactjs - react native : Can't fix FlatList keys warning

转载 作者:行者123 更新时间:2023-12-03 13:29:44 24 4
gpt4 key购买 nike

我正在尝试从 api 获取的 json 渲染 FlatList,但我不断收到此错误:

Warning: Each child in an array or iterator should have a unique "key" prop.
Check the render method of `VirtualizedList`.

相关代码:

<FlatList
data={this.props.tunes}
keyExtractor={(item, index) => item.id}
renderItem={({item}) => {
<Item
key={item.id}
title={item.title}
composer={item.composer}
year={item.year}
/>
}}
/>

我确信有一个简单的解决方案可以解决这个问题,但是经过几天的尝试不同的事情我还没有找到它。感谢您的帮助!

最佳答案

看起来您需要将 key 更改为 id,因为您在 keyExtractor 中写入 item.id 并被确保您有 id 并且每个组件都不同:

<FlatList
data={this.props.tunes}
keyExtractor={(item, index) => item.id}
renderItem={({item}) => {
<Item
id={item.id} //instead of key
title={item.title}
composer={item.composer}
year={item.year}
/>
}}
/>

或者,如果您没有唯一的 key ,请使用keyExtractor={(item, index) => index}

关于reactjs - react native : Can't fix FlatList keys warning,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45947921/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com