我正在使用 React Redux 实现两种不同类型用户的登录。
这是我的登录方法:
export const login = (credentials) => (dispatch) =>
api.user.login(credentials).then(user => {
localStorage.userJWT = user.token;
localStorage.userEmail = user.email;
localStorage.userId = user.id;
localStorage.surname = user.surname;
localStorage.type = user.type;
dispatch(userLoggedIn(user));
});
- 对于第一类用户,我从后端返回:token、email、id、surname。
- 对于第二种类型的用户,我从后端返回:token、email、id、type。
我做了一些第二类用户无法访问的安全路由。
所以如果变量surname
返回后,我为该用户定义特定路线。
If type
返回变量,它也正确显示链接和 redux 存储中的所有内容。但是,如果我重新加载页面,它会自动更改变量type
into undefined surname
.
这是我尝试将 redux 状态保存在存储中的地方,即使我重新加载页面也是如此。
常量存储 = createStore(
根减速器,
composeWithDevTools(应用中间件(thunk))
);
if(localStorage.userJWT && localStorage.userEmail && localStorage.userId && localStorage.type){
const user = { token: localStorage.userJWT, email: localStorage.userEmail, id: localStorage.userId, type: localStorage.type};
store.dispatch(userLoggedIn(user));
}
if(localStorage.userJWT && localStorage.userEmail && localStorage.userId && localStorage.surname){
const user = { token: localStorage.userJWT, email: localStorage.userEmail, id: localStorage.userId, surname: localStorage.surname};
store.dispatch(userLoggedIn(user));
}
你能建议一下为什么它不遵循我的 if 语句吗?
先感谢您。