React Native-ListView行中的绑定事件

Thai Tran 发表于 Dev

泰国陈

我无法从列表视图行下的基于类的定义中触发事件的正确方法。这就是我到目前为止

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不被称为反应组件。我该如何解决？这是React Playground链接https://rnplay.org/apps/Xd-l3w

齐达勒

试试这个。

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

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

_renderRow()不包含范围。重新绑定它可以解决此问题。

onPress={this._click}也可以代替将this._clickin放到另一个函数中。

这是您的代码的一部分。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。