React native - ListView行中的綁定事件

Question

我無法找到正確的方式，以便從列表視圖的行下的基於類的定義中觸發事件。以下是我走了這麼遠

class SampleApp extends React.Component { 

    constructor(props){ 
    super(props) 
    this.state = { 
     dataSource: ds.cloneWithRows(this._partners()), 
    } 

    // this._click = this._click.bind(this); 
    } 

_click() { 
    console.log('clicked'); 
    } 

    _renderRow(rowData) { 
    return (<TouchableHighlight onPress={() => {this._click();}}> 
     <Text style={{ fontSize:18 }}>{rowData}</Text> 
     </TouchableHighlight>); 
    } 

    render() { 
    console.log('Partners: ', this._partners()) 
    return (
     <View style={styles.container}> 
     <ListView 
     dataSource={this.state.dataSource} 
     renderRow={ this._renderRow } /> 
     </View> 
    ); 
    } 
} 

this內onPress沒有提及反應成分。我該如何解決它？這是反應樂園的鏈接https://rnplay.org/apps/Xd-l3w

Answer 1

試試這個。

constructor(props){ 
    super(props) 
    this.state = { 
    dataSource: ds.cloneWithRows(this._partners()), 
    } 

    this._renderRow = this._renderRow.bind(this); 
} 

_renderRow()不包含範圍。重新綁定可以解決問題。

onPress={this._click}也將工作，而不是將this._click放在另一個函數。

這裏是fork of your code。