fork with map function in Redux Saga

user_10843343 0
Viewed 863

I am a beginner at redux-sagas and I am confused with the following situation. I have an items array and I want to fork the same method for each item. So I am using this line of code:

yield items.map(item => fork(loadItemDetails, item));

With the above-mentioned code, loadItemDetails is never invoked. On the contrary, if I call fork individually on each item, as shown below, then it works as intended.

yield fork(loadItemDetails, items[0]);
yield fork(loadItemDetails, items[1]);
yield fork(loadItemDetails, items[2]);

This is confusing me and I can't figure out the reason why the map won't work.

redux-saga reactjs javascript
3 Answers

I came across the same issue.

items.forEach(item => yield fork(loadItemDetails, item));

won't work, as you will get the following error:

A 'yield' expression is only allowed in a generator body.

In order to resolve it, I used yield all

export function* itemDetailsSage() {
  const { items } = yield take(SET_CART_ITEMS);
  yield all(items.map(item => fork(loadItemDetails, item)));
}
user_133746680

It might be a little late but this should work.

for (let i = 0; i < items.length; i++) {
    yield fork(loadItemDetails, items[i]);
}
user_43631670

I believe if you add yield inside of the loop before the fork() and instead of .map() if you use .forEach() then it should work like the other example what you have with separated fork calls.

Try the following:

items.forEach(item => yield fork(loadItemDetails, item));

I hope this helps!

user_75995100
Related