redux-auto: async actions are not firing

Question

Hi all I have starting using this lib redux-auto and I want to talk to the my sever.

Here is my code - store/user/get.js

export default function (user, payload, stage, result) {

  switch(stage){
    case 'FULFILLED':
        return result;
      break;
    case 'REJECTED':
      console.error(user, payload, stage, result)
      break;
    case 'PENDING':
      console.log("should be loading")
    default :
      break;
  }
  return user;
}

export function action (payload){
  fetch('http://localhost:3000/api/users/'+payload.id).then( data => data.json() );
  return payload;
}

Here is the documentation. I cant see what is worry :(

From my UI I can call `actoins.user.get({id:"5163032a622c051263c7b8ce"})` and I can see the server call in my network tab but the 'FULFILLED' is never called? — aSmater.Me, Jun 28 '17 at 09:38
According to the same docs you linked, stage isn't an argument. But then if I go deeper into the gitHub sources, the example has it there. So if I'm not wrong there's an inconsistency in docs. Try removing it from arguments or try the alternative declaration way which is right below the first one. — Jesús Fuentes, Jun 28 '17 at 11:11

score 1 · Accepted Answer · answered Jun 28 '17 at 12:17

1

You are not returning the promise from the fetch

Change your action function to

export function action (payload){
  return fetch('http://localhost:3000/api/users/'+payload.id).then( data => data.json() );
}

If you don't return a promise, redux-auto will treat it like a normal reducer.

answered Jun 28 '17 at 12:17

Brian

1,026
1
15
25

Funny when you get answered by the creator. – Jesús Fuentes Jun 28 '17 at 13:50

redux-auto: async actions are not firing

1 Answers1