I'm having troubles making Saga work with an API that works with Promises.

const result = yield call(
    () => {
        return this.getDays().then((_result) => {
            console.log('result inside');
            console.log(_result);
        })}
);
console.log('result outside');
console.log(result);

When I read the value the value of _result inside the then(), it prints the correct value but I cannot seem to made it work outside of the yield call to further pass it down to the action dispatch (yield put).

Following the lead of similar questions I tried a bunch of stuff:

I've tried putting a return of _result inside the then(), as well as a Promise.resolve(_result).

I've also tried returning the entire yield call and putting a variable outside to assign it in the then() but nothing seems to work.

It's the first time I'm working with Promises and generators functions and Saga and Redux and React in general so I must definitely be missing something.

Also the console.log() inside then() is printed after the console.log() at the end.

Any ideas? Thank you.

I'm having troubles making Saga work with an API that works with Promises.

const result = yield call(
    () => {
        return this.getDays().then((_result) => {
            console.log('result inside');
            console.log(_result);
        })}
);
console.log('result outside');
console.log(result);

When I read the value the value of _result inside the then(), it prints the correct value but I cannot seem to made it work outside of the yield call to further pass it down to the action dispatch (yield put).

Following the lead of similar questions I tried a bunch of stuff:

I've tried putting a return of _result inside the then(), as well as a Promise.resolve(_result).

I've also tried returning the entire yield call and putting a variable outside to assign it in the then() but nothing seems to work.

It's the first time I'm working with Promises and generators functions and Saga and Redux and React in general so I must definitely be missing something.

Also the console.log() inside then() is printed after the console.log() at the end.

Any ideas? Thank you.

• javascript
• reactjs
• react-redux
• redux-saga

1 Answer 1

call in redux-saga expects a function that returns a Promise.

const result = yield call(
    () => new Promise((resolve) => {
        this.getDays().then((_result) => {
            resolve(_result);
        });
    });
);