react-native扁平列表- keyExtractor返回重复项并跳到数据数组的末尾

Question

在这里报告奇怪的行为，希望有人遇到过这个问题。我得到一个错误“不变违规:一个VirtualizedList包含一个单元格，该单元格本身包含多个与父列表具有相同方向的VirtualizedList。您必须向每个兄弟列表传递一个唯一的listKey属性。”

使用react原生0.55.4

return (
        <View style={{ flex: 1 }}>
            <FlatList
                data={data}
                keyExtractor={(item, index) => {
                    console.log(`${item}-${index}`)
                    return `${item}-${index}`;
                }}
                renderItem={this.renderItem}
                getItemLayout={this.getItemLayout}
                ItemSeparatorComponent={HairSpacer}
            />
        </View>
    );

数据：

["korbit", "kraken", "bitstamp", "bitflyer", "bittrex", "bitfinex", "poloniex", "huobi", "zaif", "coincheck", "bithumb", "coinnest", "btcbox", "okcoin", "aex", "binance", "coinbase", "coinrail", "upbit", "coinone", "kucoin", "gate", "zb", "coin", "gopax"]

控制台：

kraken-1 
bitstamp-2 
bitflyer-3 
bittrex-4 
bitfinex-5 
poloniex-6 
huobi-7 
zaif-8 
coincheck-9 
coincheck-9 
gopax-24 

我假设这个错误是因为这个重复的列表项而抛出的，尽管从数据属性中你可以看到它实际上不是重复的。

欢迎任何建议

Answer 1

尝试使用listkey而不是keyExtractor