Redux-saga takeLatest 有条件地

我有一个与 redux-saga 相关的问题，有没有办法实现 takeLatest 但有条件。

例如，我有一个歌曲类型的动态列表（Rap、Pop、Hip_hop...），我想按歌曲类型获取歌曲。我定义了一个类型为“FETCH_SONGS_BY_TYPE”的 redux-action，然后将 SongType 传递给它。动作看起来像

// actions
const fetchSongsByType = songType => ({
  type: FETCH_SONGS_BY_TYPE,
  songType
});
--------------------------------------------------
//saga
function* fetchSongsByTypeSaga(action) {
   // request songs list by action.songType
}
function* Saga() {
  yield takeLatest(FETCH_SONGS_BY_TYPE, fetchSongsByTypeSaga);
}

所以我希望仅当下一个 saga 运行具有相同的 SongType 时才取消前一个 saga 任务。

在上面的代码中，我得到了这个：

1. fetchSongs - 歌曲类型：Hip_hop（因[2]而取消）
2. fetchSongs - 歌曲类型：Rap（因 [3] 而取消）
3. fetchSongs - 歌曲类型：流行音乐（由于[4]而取消）
4. fetchSongs - 歌曲类型：Rap（因 [5] 而取消）
5. fetchSongs - 歌曲类型：流行

但我预计它会是这样的：

1. fetchSongs - 歌曲类型：Hip_hop
2. fetchSongs - 歌曲类型：Rap（由于[4]而取消）
3. fetchSongs - 歌曲类型：流行音乐（由于[5]而取消）
4. fetchSongs - 歌曲类型：Rap
5. fetchSongs - 歌曲类型：Pop

我感谢任何帮助，提前致谢。

如果你看一下文档采取最新 https://redux-saga.js.org/docs/api/#takelatestpattern-saga-args，您将看到如何使用低级效果构建此效果。通过此示例，您可以轻松创建自定义效果，该效果仅取消同一音乐流派的操作。

takeLatestByType：

const takeLatestByType = (patternOrChannel, saga, ...args) => fork(function*() {
  // hold a reference to each forked saga identified by the type property
  let lastTasks = {};

  while (true) {
    const action = yield take(patternOrChannel);

    // if there is a forked saga running with the same type, cancel it.
    if (lastTasks[action.type]) {
      yield cancel(lastTasks[action.type]);
    }

    lastTasks[action.type] = yield fork(saga, ...args.concat(action));
  }
});

Usage:

function* Saga() {
  yield takeLatestByType(FETCH_SONGS_BY_TYPE, fetchSongsByTypeSaga);
}