The second and consequent then are not working

user_8348956 0
Viewed 26

Only the first then is working. Every subsequent then is not working.

 export const usersFetchData = (url) => {
 return (dispatch) => {
    dispatch(userIsLoading(true));

    axios
        .get(url)
        .then(res => {
            if(!res.ok){
                throw Error(res.statusText)
            }
            dispatch(userIsLoading(false));
            console.log(res.data);
            return res;    
        })
        .then(res => res.json())
        .then(users => {
            console.log(users);
            dispatch(usersFetchDataSuccess(users))})
        .catch(() => dispatch(userHasErrored(true)));
}
}
redux reactjs javascript
1 Answers

axios converts it into JSON for you, you don't have to do it yourself like you do in fetch

export const usersFetchData = (url) => {
 return (dispatch) => {
  dispatch(userIsLoading(true));

  axios
    .get(url)
    .then(res => {
        if(!res.ok){
            throw Error(res.statusText)
        }
        dispatch(userIsLoading(false));
        console.log(res.data);
        return res.data; // returning the json respone    
    })
    //.then(res => res.json()) // removed this, you don't need it
    .then(users => {
        console.log(users);
        dispatch(usersFetchDataSuccess(users))
    })
    .catch(() => dispatch(userHasErrored(true)));
 }
}
user_49213190
Related