react-native - 如何在TouchableHighlight的onPress中获取发件人

我有一个View列表，每个View由TouchableHighlight包装，我为每个Touchable绑定一个onPress处理程序

  ....
  <TouchableHighlight onPress={this._preformTouchItem}>
    <View style={styles.item}>
      <Text>{displayContent}</Text>
    </View>
  </TouchableHighlight>
  ....

_preformTouchItem(event) {
}

我在Chrome开发者工具中对其进行了调试，“事件”未绑定“发送者”对象，
如何知道单击了哪个视图

最佳答案

在React中，您通常不会直接与视图交互，而是调用setState并让React为您重新呈现UI。例如，您将传递项目的索引：

getInitialState: function() {
  var itemToggleStates = [false, false, false];
  return itemToggleStates;
},

render: function() {
  for (i = 0; i < itemToggleStates.length; i++) {
    ...
    var currentIndex = i;
    var itemText = this.state.itemToggleStates[currentIndex] ? 'yes' : 'no';
    <TouchableHighlight onPress={() => this._handleItemTouch(currentIndex)}>
      <Text>{itemText}</Text>
    </TouchableHighlight>
    ...
  }
  ...
},

_handleItemTouch: function(index) {
  var itemToggleStates = this.state.itemToggleStates;
  itemToggleStates[index] = !itemToggleStates[index];
  setState(itemToggleStates);
}

在极少数情况下，当您确实需要访问基础视图时，会有一个称为refs的概念。