Question

我使用React-native。

我正在尝试将身份验证包括到我的应用中，我使用redux进行登录，现在我想在我的抽屉导航中添加注销。

动作类型：


export const LOGOUT_REQUESTED = "users.LOGOUT_REQUESTED" ;

操作注销：


import * as actionTypes from "./actionTypes";


export function logout()
{
    return dispatch => { console.warn('logout')
        dispatch({
            type: actionTypes.LOGOUT_REQUESTED

        })
    }
}

减速器：


        case actionTypes.LOGOUT_REQUESTED:
            return initialState;


        default :
            return state
    }
};


export default authReducer

导航：


export const MyDrawerNavigator = createDrawerNavigator({

        Home : {screen : Navigation},

        Login : {screen : Login} ,

        Signup :  {screen : Signup},

        Logout: logout,
//...


const mapStateToProps = state =>({
    isLoggedIn:  state.auth.isLoggedIn,
});

const mapDispatchToProps = dispatch =>({
    logout : bindActionCreators(login, dispatch)
});

export default connect(mapStateToProps, mapDispatchToProps)(logout)

因此，现在有了此代码，当我导航并单击“注销”时，它将导航至白屏。我希望导航到登录屏幕，并在还原中显示初始状态。

等待您的答复，谢谢！！

使用抽屉导航和Redux注销

0 个答案: