React native React导航堆栈导航器组件didmount

React native React导航堆栈导航器组件didmount,react-native,react-navigation,React Native,React Navigation,我正在使用react导航。使用堆栈导航器和嵌套在其中的抽屉。如何在下面的代码中调用componentdidmount和this.props.navgation.Navigation。我有一些事件应该引导用户到特定的屏幕,而不是遵循抽屉的初始路径 import React from "react"; import { Platform, Text } from "react-native"; import { Root } from "native-base"; impo

我正在使用react导航。使用堆栈导航器和嵌套在其中的抽屉。如何在下面的代码中调用componentdidmount和this.props.navgation.Navigation。我有一些事件应该引导用户到特定的屏幕,而不是遵循抽屉的初始路径

 import React from "react";
    import { Platform, Text } from "react-native";
    import { Root } from "native-base";
    import { StackNavigator, DrawerNavigator} from "react-navigation";
    import Register from "./components/Register";
    import Home from "./components/home/";
    import Dashboard from "./components/Dashboard/";
    import SideBar from "./components/sidebar";
    import Screen1 from "./components/Screen1/";
    import Screen2 from "./components/Screen2/";
    import Screen3 from "./components/Screen3/";

    const Drawer = DrawerNavigator(
      {
        Dashboard: { screen: Dashboard },
        Screen1: { screen: Screen1 },
        Screen2 : { screen: Screen2 },
      },
      {
        navigationOptions: {
          gesturesEnabled: false,
        },
       initialRouteName: "Dashboard",
        contentOptions: {
          activeTintColor: "#e91e63"
        },
        drawerPosition: 'right',
        contentComponent: props => <SideBar {...props} />
      }
    );


    const AppNavigator = StackNavigator(
        {
            Home: { screen: Home },
            Register: { screen: Register },
            Drawer: { screen: Drawer },
            Screen3: { screen: Screen3 },
        },
        {

             headerMode: "none",

        }
    );


//HOW TO WRITE COMPONENTDIDMOUNT HERE AND CALL //THIS.PROPS.NAVIGATION.NAVIGATE
    export default () =>
        <Root>
            <AppNavigator />
        </Root>;
从“React”导入React;
从“react native”导入{Platform,Text};
从“本机基”导入{Root};
从“反应导航”导入{StackNavigator,DrawerNavigator};
从“/components/Register”导入寄存器;
从“/components/Home/”导入主页;
从“/components/Dashboard/”导入仪表板;
从“/components/SideBar”导入侧栏;
从“/components/Screen1/”导入Screen1;
从“/components/Screen2/”导入Screen2;
从“/components/Screen3/”导入Screen3;
const Drawer=付款人(
{
仪表板:{屏幕:仪表板},
屏幕1:{screen:Screen1},
屏幕2:{screen:Screen2},
},
{
导航选项:{
手势已启用:错误,
},
initialRouteName:“仪表板”,
内容选项:{
activeTintColor:#e91e63
},
抽屉位置:'对',
contentComponent:props=>
}
);
const AppNavigator=StackNavigator(
{
主页:{screen:Home},
寄存器:{屏幕:寄存器},
抽屉:{屏幕:抽屉},
屏幕3:{screen:Screen3},
},
{
headerMode:“无”,
}
);
//如何在此处编写COMPONENTDIDMOUNT并调用//THIS.PROPS.NAVIGATION.NAVIGATE
导出默认值()=>
;

如果您没有创建组件,那么您将无法在此处“写入”
ComponentDidMount

有自己的
组件didmount
,它在渲染时运行

确保充分了解React和JSX是如何协同工作的: