javascript - 使用 React Navigation 在 axios 请求后无法导航

Question

我有一个问题。登录后我无法导航到 HomeScreen。有一个错误:

Undhandled Promises Rejection(id:0): TypeError: undefined is not an object (evaluating '_this.props.navigation.navigate').

这是我的代码:

    _submitLogin = () => {
        this.setState({ isLoading: true });

        if(!this.state.nim || !this.state.password) {
            this._handleError('Please enter your NIM and Password');
        } else {
                axios({
                method: 'post',
                url: 'http://192.168.43.114/api.connectUBK/auth',
                data: {
                    nim: this.state.nim,
                    password: this.state.password
                }
            }).then((response) => {
                 if(response.data.status === 'Failed'){
                    this._handleError(response.data.message);
                  } else {
                    this._makeSession(response.data.user); 
                  }
            }).catch((error) => {
                this._handleError('Failed to access ConnectUBK');
            });

        }
    };

    _makeSession = async (session) => {
        const user = JSON.stringify(session);
        await AsyncStorage.setItem('user', user);
        this.props.navigation.navigate('AuthLoading');
    }

    _handleError = (message) => {
        this.setState({ isLoading: false });
        ToastAndroid.showWithGravity(
                message,
                ToastAndroid.SHORT,
                ToastAndroid.CENTER
        );
    };

    _renderButton = () => {

        if(this.state.isLoading) {
            return <ActivityIndicator color='white' size='large' />;
        }

        return (
            <TouchableOpacity style={styles.buttonContainer} onPress={this._submitLogin}>
                <Text style={styles.buttonText}>Login</Text>
            </TouchableOpacity>
        );
    };

请帮助我。我卡住了

Answer 1

您是否将 this.props.navigation.navigate 作为 Prop 传递给您向我们展示的组件？似乎您必须添加它，所以它失败了。您需要将 navigation.navigate 添加为组件的 Prop 。