Почему не работает redux-saga?

Question

[Сева]

Привет! Вроде просто все:

const getAccounts = function* getAccounts() {
  while (true) {
    const request = yield take(GET_ACCOUNTS);
    const userID = request.data.userID;
    try {
      response = yield call(AccountsService.getAccounts, userID);    // тут асинхронный вызов
      yield put({ type: ACCOUNTS_RECEIVED, response });
    } catch (error) {
      return false;
    }
  }
}

Редьюсер

export const accounts = (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case ACCOUNTS_RECEIVED:
      console.log(action);  // тут action.response - undefined
      return { ...state, accounts: action.response.Items[0].accounts };
    case ADD_ACCOUNT:
      return { ...state, accounts: [ ...state.accounts, action.newAccount ] };
    default:
      return state;
  }
};

Сага не ждет, пока асинхронная функция вернет значение, сразу диспетчит ACCOUNTS_RECEIVED с пустым response. Почему?

Спасибо.

Comments

[Сева]

export const getAccounts = (userID) => {
  fetch(`${BASE_URL}/users/${userID}/accounts/`).then(resp => {
    resp.json().then(accounts => accounts.Items[0].accounts);
  })
}

[Сева]

Ришат Шарафиев, не понимаю. Это же просто асинхронная функция, зачем тут генератор?

Answer 1

[Антон Спирин]

У вас ошибка тут:

export const getAccounts = (userID) => {
  fetch(`${BASE_URL}/users/${userID}/accounts/`).then(resp => {
    resp.json().then(accounts => accounts.Items[0].accounts);
  })
}

Ничего не возвращаете.

Исправить так:

export const getAccounts = userID =>
  fetch(`${BASE_URL}/users/${userID}/accounts/`).then(resp => {
    resp.json().then(accounts => accounts.Items[0].accounts);
  });

И лучше используйте axios, вместо fetch

Сущность Service бесполезна в данной архитектуре, импортируйте и используйте функцию напрямую:
response = yield call(getAccounts, userID);