在使用map_ array时面临唯一键的问题

Question

{multiList.map((item,index)=>
<View style={{ flexDirection: "row" }}>
<TouchableOpacity
onPress={() => {}}
style={styles.GridViewBlockStyle}
>
<Text style={styles.GridViewInsideTextItemStyle}>
{item.key}
</Text>
</TouchableOpacity>
</View>
)}

错误警告:列表中的每个子元素都应该有一个唯一的"键"。箴

Answer 1

try this，

{multiList.map((item,index)=>
<View key={index} style={{ flexDirection: "row" }}> // pass unique key here
<TouchableOpacity
onPress={() => {}}
style={styles.GridViewBlockStyle}
>
<Text style={styles.GridViewInsideTextItemStyle}>
{item.key}
</Text>
</TouchableOpacity>
</View>
)}

Answer 2

您需要为正在渲染的组件提供一个键(名为'key'的道具)。

<View 
key={index}