React native 无法读取属性'；调度'；在此.props.navigation.dispatch（）中未定义的

我必须剪切我的抽屉，然后我创建一个包含我需要的所有项目的抽屉组件，我创建一个带有导航操作的函数来调度我的路线，但它不起作用。当我单击任何项目时，我出现以下错误：无法读取未定义的属性“dispatch”

import {NavigationActions} from 'react-navigation';
...
class DrawerComponent extends React.Component {

  navigateToScreen = (route) => () => {
    const navigateAction = NavigationActions.navigate({
      routeName: route
    });
    this.props.navigation.dispatch(navigateAction);
}


  render()...
...
...

  <TouchableOpacity
   style={Styles.centerContent}
   onPress= {this.navigateToScreen('Messages')}

  >
   <IconIonic name="ios-mail" size={60} color= '#fff'/>
   <View>
    <Text>messages</Text>
   </View>
  </TouchableOpacity>

从'react navigation'导入{NavigationActions}；
...
类抽屉组件扩展了React.Component{
导航屏幕=（路线）=>（）=>{
const navigateAction=NavigationActions.navigate({
路由名称：路由
});
这个.props.navigation.dispatch（navigateAction）；
}
render（）。。。
...
...
信息

抽屉里

import { createStackNavigator, createDrawerNavigator, createAppContainer } from 'react-navigation';
...
const DrawerNavigation = createDrawerNavigator({
    Home: { // entree (route name) : on peut la nommer comme on veut mais on prefere lui donner le meme nom que notre screen qu'on va afficher
      screen: HomeStackNavigation, // le screen qu'on va afficher IL DOIT ETRE UN STACK
    },
    Message: {
      screen: Messages,
    },
},
{
  drawerWidth: width*0.83,
  contentComponent: props => 
  {
    return(<DrawerComponent/>)
  },
  drawerPosition: 'left',
},
);

从“react navigation”导入{createStackNavigator、createDrawerNavigator、createAppContainer}；
...
const pawernavigation=createpawernavigator({
主页：{//entre（路线名称）：在peut la nommer comme上，在veut mais上，在prefere lui donner le meme que notre屏幕上，在va afficher上
屏幕：HomeStackNavigation，//le screen qu'on va afficher IL DOIT ETRE UN STACK
},
信息：{
屏幕：信息，
},
},
{
抽屉宽度：宽度*0.83，
contentComponent:props=>
{
返回（）
},
抽屉位置：'左'，
},
);

在那个错误之前，我遇到了这样的情况：undefined不是一个对象，它正在计算this.props.navigation.dispatch（）

{
contentComponent:props=>{
返回；
};
}

不要吞下

道具

。将其传递给子组件

{
  contentComponent: props => {
    return <DrawerComponent {...props} />;
  };
}