Как получить ссылку на дочерний компонент в реакции-родной?

Question

я был настроить ViewPager компонент в моем react-native приложение, которое звучит так:

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

В функции _onPressButton я могу получить доступ ViewPager компонента с помощью this.refs.main но this.refs.main1 возвращает null. Но я хочу получить ссылку на этот вид со ссылкой main1. Как я могу это сделать?

Answer 1

Объявляет реф, как обратные вызовы в каждом компоненте:

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

Затем вызовите компонент, как это:

this.main.main1