我不斷收到此錯誤“錯誤警告：遇到兩個使用相同密鑰的孩子${item}-${index}”，不知道為什么？我該如何修復它？請幫忙提前謝謝！
return (
<View style={styles.container}>
<FlatList
data={tabs}
keyExtractor={(item, index) => '${item}-${index}'}
renderItem={({ item }) => {
return (
<TouchableOpacity style={styles.pill} onPress={() => { setSelectedTab(item); }}>
<Text style={styles.pillText}>{item}</Text>
</TouchableOpacity>
)
}}
/>
<LinearGradient colors={['gold', '#FF7F50', '#FF7F50']} style={StyleSheet.absoluteFill}>
<Text style={styles.title}>Main Menu Screen</Text>
<Text style={styles.title}>{ address }</Text>
</LinearGradient>
</View>
);
};
錯誤：ERROR 警告：遇到兩個孩子使用相同的密鑰，
${item}-${index}.
uj5u.com熱心網友回復：
只需將 '' 替換為 `` ${item}-${index}，以便在字串中插入變數。但實際上你只需要參考索引如下：
return (
<View style={styles.container}>
<FlatList
data={tabs}
keyExtractor={(_, index) => index.toString()}
renderItem={({ item }) => {
return (
<TouchableOpacity style={styles.pill} onPress={() => { setSelectedTab(item); }}>
<Text style={styles.pillText}>{item}</Text>
</TouchableOpacity>
)
}}
/>
<LinearGradient colors={['gold', '#FF7F50', '#FF7F50']} style={StyleSheet.absoluteFill}>
<Text style={styles.title}>Main Menu Screen</Text>
<Text style={styles.title}>{ address }</Text>
</LinearGradient>
</View>
);
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/475936.html
標籤：javascript 反应 数据库 反应式 钥匙
上一篇：視覺C 和u8前綴