Java脚本箭头函数参数错误

Question

我遇到一个问题，箭头函数外部的变量与箭头函数内部的参数不同。

console.log("outside", group);
return (
      <TouchableOpacity style={[styles.itemContainer, { backgroundColor: group.code }]}
        onPress= {group => {
          console.log("inside", group);
          this.navigation.navigate('GroupName', 
            {
              screen: 'Overview',
              params: {gid: group.gid}
            }
          )
        }}
      >
        <Text style={styles.itemName}>{group.group_name}</Text>
      </TouchableOpacity>
);

我希望箭头函数内部和外部的组相同，但它们是不同的，特别是外部组是一个带有参数 group_name、代码和 gid 的对象，而内部组是一个class 一堆奇怪的东西。我在下面附上了一张输出图片。

group value outside and inside arrow function

为什么打印的两个值不同？

Answer 1

onPress= {group => {中的group定义了一个名为group的新变量，它真正存储了点击事件的信息。如果您将名称更改为 event 或 e 或类似代码将起作用。

console.log("outside", group);
return (
      <TouchableOpacity style={[styles.itemContainer, { backgroundColor: group.code }]}
        onPress= {event => {
          console.log("inside", group);
          this.navigation.navigate('GroupName', 
            {
              screen: 'Overview',
              params: {gid: group.gid}
            }
          )
        }}
      >
        <Text style={styles.itemName}>{group.group_name}</Text>
      </TouchableOpacity>
);

Java脚本箭头函数参数错误

Java script arrow function parameter error

javascript

arrow-functions