状态不更新。当动作被调度时,状态应该更新到 isAuthenticated 到 true..但是状态不更新..redux 返回初始状态而不是更新状态。
export function setCurrentUser(user) {
console.log(user);
return {
type: "SET_CURRENT_USER",
user
};
}
...
export function login(userData) {
return dispatch => {
return axios.post('/user/auth',userData).then((res) => {
const { status, sessionId, username, error} = res.data;
if(status === "success"){
dispatch(setCurrentUser(sessionId));
}else {
dispatch(invalidUser(error));
}
});
}
}
//reducers
import { SET_CURRENT_USER, INVALID_USER } from "../actions/types";
import isEmpty from "lodash/isEmpty";
const initialState = {
isAuthenticated : false,
user: {},
error:{}
};
export default (state = initialState, action) => {
switch(action.type){
case SET_CURRENT_USER:
return {
...state,
isAuthenticated: !isEmpty(action.user),
user:action.user
}
...
default: return state;
}
}
//零件
onSubmit(e){
e.preventDefault();
this.setState({ errors: {}, isLoading:true });
this.props.login(this.state).then(
(res) => {
console.log(this.props.userData);
if(this.props.userData.isAuthenticated)
this.context.router.push("greet");
},
(err) => this.setState({ errors: err.response.data, isLoading: false }) );
}
......
function mapStateToProps(state) {
return {
userData: state.authReducers
};
}
export default connect(mapStateToProps, { login })(LoginForm);