onPress不会在本机反应中检测到可触摸不透明的道具

Question

当我按onPress时，它不会显示可触摸的不透明度组件的ID。 他只是给我看不确定的东西。

    render() {
            var rows = [];
            var i = 0;
            while(i<5){
              rows.push(<TouchableOpacity id={i} activeOpacity={0.9} onPress={() => alert(this.props.id)}>
                  <View>
    </View>
                </TouchableOpacity>);
              i++;
            }
        return {rows}
}

我要在按下它时显示可触摸的不透明度ID。 请帮我

Answer 1

您为此render()函数使用的组件将需要具有一个属性id才能显示警报，但是我认为您希望显示i每个值。 由于i永远不会超出此函数的范围（因为它是var ），如果您尝试只执行alert(i)则每个按钮将显示5 ，但是如果您在while内使用const来存储的当前值i ，每个按钮将具有正确的值：

while (i < 5) {
  const temp = i;

  rows.push(
    <TouchableOpacity
      id={i}
      activeOpacity={0.9}
      onPress={() => alert(temp)}
    >
      <View />
    </TouchableOpacity>,
  );

  i++;
}

您不能像要尝试的那样使用要分配的道具。