javascript - 如何使用 redux-saga 创建领先的去抖动

Question

有没有办法进行前导去抖动？

食谱中的示例仅显示尾随去抖。所以下面是我们将逻辑延迟 500 毫秒的尾随去抖示例:

import { call, cancel, fork, take, delay } from 'redux-saga/effects'

function* handleInput(input) {
  // debounce by 500ms
  yield delay(500)
  ...
}

function* watchInput() {
  let task
  while (true) {
    const { input } = yield take('INPUT_CHANGED')
    if (task) {
      yield cancel(task)
    }
    task = yield fork(handleInput, input)
  }
}

因为我想在第一次调用时执行取消所有后续调用的逻辑，直到 500 毫秒结束。

编辑

这可以通过使用 takeLeading 然后在最后延迟 saga 来完成，无论你想去抖动多长时间。

Answer 1

这可以通过使用 takeLeading 然后在最后延迟 saga 来完成，无论你想去抖动多长时间。