Почему мое состояние редукса не обновляется
Состояние не обновляется. когда отправляется действие, состояние должно обновляться до 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);
1 ответ
Решение
Вы не обновляете данные полезной нагрузки в своем редукторе
export default (state = initialState, action) => {
switch(action.type){
case SET_CURRENT_USER:
return {...state, user: action.payload} //update user here
}
...
default: return state;
}
}
в приведенном выше коде используются функции es6, а допущение isAuthenticated
а также error
являются частью исходного состояния.
Вы просто возвращаете тот же JSON, поэтому ваше состояние не обновляется.