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

将refs声明为每个组件中的回调：

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

然后像这样调用组件：

this.main.main1

如何在react-native中获取子组件的引用？

1 个答案: