React native React native-使用数组映射的简单组件

我应该使用array.map创建一个可单击组件的数组，但调试器在单击后返回有关索引的错误

const iconsArray=['Q','W','E','R','T','Y','U','I','O','P','A','S','D','F','G','H','J','K','L','Z','X','C','V','B','N','M','a'];

const showIcons = iconsArray.map((index)=>{

    return(
            <TouchableOpacity onPress={(index)=>this.chooseIcon(index)} style={styles.containerIcon} key={index}>
                <View>
                    <Text style={styles.iconStyle}>{index}</Text>
                </View>
            </TouchableOpacity> 
    );
  });

const iconsArray=['Q'，'W'，'E'，'R'，'T'，'Y'，'U'，'I'，'O'，'P'，'A'，'S'，'D'，'F'，'G'，'H'，'J'，'K'，'L'，'Z'，'X'，'C'，'V'，'B'，'N'，'M'，'A']；
常量showIcons=iconsArray.map（（索引）=>{
返回(
this.chooseCon（index）}style={styles.containerIcon}key={index}>
{index}
);
});

---

每个可触摸组件都应该有一个名为key的道具，每个道具的值都是唯一的。这有助于对列出的组件以及对它们执行的操作进行跟踪

---

键应该是唯一的，因此最好使用数组项及其值和数组中每个项的ID，并使用对象数组而不是直接字符串数组。

是否必须使用array.map？你可以试试平面列表！你的代码看起来不错。您如何使用showIcons？您还应该添加该代码段。ShowIcons是一种调用传递字符的redux函数（表示ttf文件中的simbol）的方法。其想法是，在同一页面的其他位置上单击一个图标。在他的回答之后，我的问题是我可以在哪里使用ID？