не может прочитать свойство 'dispatch' из неопределенного в this.props.navigation.dispatch ()

Question

Я должен обрезать свой ящик, затем я создаю DrawerComponent со всеми необходимыми мне элементами, я создаю функцию с NavigationActions для отправки моих маршрутов, но она не работает. когда я нажимаю на любой элемент, у меня появляется эта ошибка: невозможно прочитать свойство 'dispatch' undefine

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>

В ящике

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',
},
);

до этой ошибки у меня было что-то вроде: undefined не является объектом, оценивающим _this.props.navigation.dispatch ()

Answer 1

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

Не глотайте props. Передайте его дочернему компоненту