如何延迟调度动作（去抖动）

Question

我有一个场景，我需要在输入完成两秒后调度一个动作。（假设用户在没有 2 秒间隔的情况下输入 1000，所以我只需要在输入 1000 和 2 秒后调度操作）。

以前我使用debounce-promise来做这样的事情，我需要从 API 获取下拉列表，但为此我直接在组件中使用了带有 AJAX 调用的库。它工作正常。

现在我需要分派这样的动作。

  // should be dispatched only for the last request

  const getRateReq = dispatch(getRates());

  const getRate = debounce(getRateReq, 2000, {

    leading: false,

  });

  const onChange = (e) => {

     setValue(e.target.value);

     getRate(e.target.value);

  }

现在动作也只在完成输入两秒后调度。但是随后它会发出 1、10、100、1000 的所有请求（即使 1000 是在没有两秒间隔的情况下输入的）。如何在 2 秒内修复此问题并仅针对最后一个输入调度操作？

任何帮助，将不胜感激。谢谢

编辑：添加了基本的 onChange 功能

Answer 1

你可以做这样的事情。let timeOut = null;SearchFilter: (name, value) => {    clearTimeout(timeOut);    dispatch(SearchFilter(name, value));    timeOut = setTimeout(() => {            dispatch(callfunction());        }, 2000);    }它将调度等待 2 秒输入的动作。

Answer 2

您需要使用 loadash 的 debounce 方法并执行以下操作：onChange = debounce(anyInput => {     }, 2000);因此，您必须在完成输入后 2 秒后在 onchange 方法中进行 API 调用。不确定这是您要问的吗？