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