wie Absender erhalten in TouchableHighlight der onPress

Question

Ich habe eine Liste von Ansichten, jede Ansicht von TouchableHighlight gewickelt, binde ich einen onPress Handler für jeden Touchable

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

_preformTouchItem(event) { 
} 

ich es in Chrome Dev-Tools debuggen, das ‚Ereignis‘ bindet das 'sender' Objekt nicht,

Answer 1

In React würden Sie normalerweise nicht direkt mit Ansichten interagieren, sondern rufen Sie setState an und lassen Sie React die Benutzeroberfläche für Sie neu rendern. Zum Beispiel würden Sie den Index des Elements übergeben:

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); 
} 

In seltenen Fällen, wenn Sie wirklich die zugrunde liegende Ansicht zugreifen müssen, da ein Konzept refs genannt ist.