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

Question

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

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

_preformTouchItem(event) {
}

我在Chrome Dev Tools中调试它,'event'不绑定'sender'对象,如何知道单击哪个View

Answer 1

在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.