javascript - React Native - 获取选择了哪个可触摸突出显示

Question

只是试图获取按下的可触摸突出显示的当前索引。由于某种原因，它只返回数组中的最高数字。有什么想法吗？

render: function() {
    var images = [], i = 0;

    for(i=0; i<this.props.picturesList.length; i++){
        var currentIndex = i;
        images.push(
            <TouchableHighlight
                key={'c' + i}
                onPress={() => this._handleItemTouch(currentIndex)}>
                    <Image
                        style={styles.image}
                        source={{uri: this.props.picturesList[i]}} />
            </TouchableHighlight>
        );
    }
},
_handleItemTouch: function(index) {
  console.log(index);
}

Answer 1

尝试使用 let 声明 currentIndex 变量。 I 一直递增到数组中的最后一个值 + 1，let 将变量的范围限定为循环上下文中的值:

for(var i=0; i <this.props.picturesList.length; i++){
        let currentIndex = i;
        images.push(
            <TouchableHighlight
                key={'c' + i}
                onPress={() => this._handleItemTouch(currentIndex)}>
                    <Image
                        style={styles.image}
                        source={{uri: this.props.picturesList[i]}} />
            </TouchableHighlight>
        );
    }
},

我设置了一个演示 here .