如何使用 ListView 使用回调引用 - React Native

Question

我很难从 SectionHeader 访问 ref。我知道我需要使用 ref 作为回调函数而不是字符串，但我不明白如何实现它。

render(){
    return (
      <ListView
        ref="mylist"
        dataSource={this.state.dataSource}
        renderRow={this.renderCampaign}
        style={styles.listView}
        renderSectionHeader={this.header.bind(this)}
        onChangeVisibleRows={this.updateFocus.bind(this)}/>
  );
 }
}

header(data){
    return(
     <MapView
      ref="mymap"
      style={styles.map}
      region={this.state.region}
      onRegionChange={this.onRegionChange.bind(this)}
      showsUserLocation={true}
     >
{this.state.markers.map(marker => (
   <MapView.Marker
     coordinate={marker.coordinate}
     title={marker.name}
     description={marker.reward_type}
   />
 ))}
   </MapView>
 );
}

有人可以帮忙吗？

Answer 1

列表视图的ref 回调属性如下所示

 <ListView
        ref={(comp) => this._mylist = comp}
        dataSource={this.state.dataSource}
        renderRow={this.renderCampaign}
        style={styles.listView}
        renderSectionHeader={this.header.bind(this)}
        onChangeVisibleRows={this.updateFocus.bind(this)}/>

那么你就可以毫无问题地访问this._mylist了。