小编Sha*_*ern的帖子

使用RxJS switchMap仅取消订阅具有相同请求URL /动作负载的流(redux-observable epics)

我有一个界面,用户可以触发对相同端点的调用但具有不同的参数(在本例中为UUID).到目前为止,switchMap每当我发送一个具有相同类型的新redux动作时,我一直很享受取消我的飞行中http请求的行为,在这种情况下我仍然想要这种行为,但只有当新动作请求UUID时(部分)动作对象)与正在进行的动作对象相同.我不确定正确的做法.

例如,在一次调度几个动作后,我希望所有与唯一ID的那些完整的,但那些重复现有的和尚未完成的ID取消以前的请求,并取代其位置.

例如:

store.dispatch({ type: "GET_SOME_DATA", uuid: "1" })
store.dispatch({ type: "GET_SOME_DATA", uuid: "2" })
store.dispatch({ type: "GET_SOME_DATA", uuid: "2" })
store.dispatch({ type: "GET_SOME_DATA", uuid: "3" })
store.dispatch({ type: "GET_SOME_DATA", uuid: "2" })
// Get results back for '1', then '3', then '2' assuming equal response times.
// Only the duplicate uuid calls were cancelled, even though all have the same 'type'
Run Code Online (Sandbox Code Playgroud)

我已经尝试使用.distinctUntilChanged((a, b) => a.uuid === b.uuid)过滤流的输入.switchMap只是为了看看会发生什么,但仅仅是限制什么样的行动到达switchMap,并取消所有的行为,但最近的GET_SOME_DATA动作有关的API调用仍然存在.

const getDataEpic …
Run Code Online (Sandbox Code Playgroud)

javascript rxjs redux redux-observable

6
推荐指数
1
解决办法
516
查看次数

标签 统计

javascript ×1

redux ×1

redux-observable ×1

rxjs ×1