Come ottenere il riferimento del componente figlio in nativo reattivo?

Question

ho avuto installazione di un componente ViewPager nella mia applicazione react-native che va in questo modo:

render(){ 
    return(
    <View> 
     <ViewPager 
     ref="main" 
     dataSource={this.state.dataSource} 
     renderPage={this.renderView} 
     /> 
     <TouchableHighlight onPress={this._onPressButton}> 
      <Text>Something</Text> 
     </TouchableHighlight>  
    </View> 
); 
} 

renderView(){ 
    return(
     <View ref="main1"> 
      <Text>Something else</Text>  
     </View> 
    ); 
} 

_onPressButton(){ 
    //Do something with {this.refs.main} and {this.refs.main1} 
} 

Nella funzione _onPressButton posso accedere ViewPager componente utilizzando this.refs.main ma this.refs.main1 rendimenti null. Ma voglio ottenere un riferimento di quella vista con il riferimento main1. Come lo posso fare?

Answer 1

Dichiarare gli arbitri come callback di ogni componente:

ref={(ref) => { this.main = ref; }} 
ref={(ref) => { this.main1 = ref; }} 

quindi chiamare il componente in questo modo:

this.main.main1