Второе и последующее тогда не работают

Question

Работает только первый then. Каждый последующий then не работает.

 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)));
}
}

Answer 1

axios преобразует его в JSON для вас, вам не нужно делать это самостоятельно, как в 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)));
 }
}