リストビューの行のネイティブバインディングイベントに反応します

Question

リストビューの行のクラスベースの定義からイベントをトリガーする正しい方法が見つかりません。ここで私はこれまで来onPress内部

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は、コンポーネントを反応させるために言及されていないものです。どうすれば修正できますか？これは、反応の遊び場のリンクです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があります。