Jak uzyskać referencję komponentu potomnego w trybie natywnym?

Question

miałem skonfigurować ViewPager składnik w mojej aplikacji react-native które idzie tak:

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} 
} 

W funkcji _onPressButton mogę uzyskać dostęp ViewPager komponent używając this.refs.main ale this.refs.main1 powraca null. Ale chcę uzyskać odniesienie do tego widoku z odniesieniem main1. Jak mogę to zrobić?

Answer 1

stwierdzenie sędziowie jak wywołania zwrotne w każdej części:

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

następnie wywołać składnik takiego:

this.main.main1