reactjs - 你如何导航到另一个不接收 react 导航 Prop 的组件？

Question

我正在使用 React Native 和 React Navigation。

我有一个名为 App.js 的组件，我在其中声明了 React-Navigation 的抽屉导航。

在这里我有一个注销选项，但在删除 AsyncStorage 后我无法导航到另一个组件

有人知道怎么实现吗？

谢谢。

这是我的代码:

App.js

import { createDrawerNavigator, DrawerItems, NavigationActions } from 'react-navigation';

const customDrawerComponent = (props) => (
    <SafeAreaView style={{ flex: 1 }}>
            <ScrollView>
                <DrawerItems
                    {...props}
                />
                <TouchableOpacity  style={styles.button} onPress={this.logOut} >
                    <Text> Logout </Text>
                </TouchableOpacity>
            </ScrollView>
    </SafeAreaView>
);

logOut = () => {
        // NOT WORKS
        // this.props.navigation.navigate('Login')

        //NOT WORKS:
    this.myAction();
}

myAction = () => {
    const nav = NavigationActions.navigate({
      routeName: 'App',
    });
    return nav;
  };

const AppDrawNavigator = createDrawerNavigator(
  {
    MainComponent: { screen: MainComponent,
        navigationOptions: ({navigation}) => ({
            drawerLockMode: 'locked-closed'
          }) },
    Login: { screen: LoginComponent,
        navigationOptions: ({navigation}) => ({
            drawerLockMode: 'locked-closed'
          }) },
    User: { screen: UsersComponent }
    },
    {
        contentComponent: customDrawerComponent,
    }
);

Answer 1

将其作为类

导出默认类 App extends React.Component {

constructor(props) {
    super(props)

    this.state = {

    }
}