React-Native Undefinedはオブジェクトではありません（ 'this.refs。[' DRAWER ']を評価する）

Question

このエラーを解決するにはどうすればよいですか？私が試してみたが、まだエラー..

DrawerLayoutAndroid

、これは私のコードのroot.jsです：

<DrawerLayoutAndroid 
    drawerWidth={250} 
    drawerPosition={DrawerLayoutAndroid.positions.Left} 
    renderNavigationView={() => navigationView} 
    ref={'DRAWER'}> 
     <Navigator 
     renderScene={this.renderScene} 
     initialRoute={{component: Home}} 
     ref={(nav) => { this.appNav = nav; }} /> 
    </DrawerLayoutAndroid> 

と、これはHome.jsで私のコードです：

handleMenuPress() { 
this.refs['DRAWER'].openDrawer(); 

}

<Header searchBar rounded> 
    <Item> 
     <Icon name="menu" onPress={this.handleMenuPress}/> 
     <Input placeholder="Cari Rumah Sakit" /> 
     <Icon active name="search" /> 
     </Item> 
     <Button transparent> 
      <Text>Search</Text> 
     </Button> 
</Header> 

Answer 1

おそらくthisはhandleMenuPressのスコープに含まれていません。 handleMenuPressを矢印機能に変更してみます。

handleMenuPress =() => { 
    this.refs['DRAWER'].openDrawer(); 
} 

Answer 2

コンストラクタ内でメソッドをバインドする必要があります（これが最善の方法です）。

constructor(props){ 
    super(props) 
    this.handleMenuPress = this.handleMenuPress.bind(this) 
}