我如何正确地去抖动 mapDispatchToProps 或 redux 动作？

Question

我有 redux 动作：

export const setSearchText = payload => ({
  type: SEARCH_ACTION,
  payload,
});

并遵循 mapDispatchToPros：

const mapDispatchToProps = dispatch => ({
  onChange: (...args) => setSearchText(...args),
});

我怎样才能去抖动？

Answer 1

const mapDispatchToProps = dispatch => ({
  onChange: (...args) =>{
    setTimeout(()=>dispatch(setSearchText(...args)),1000);
  }
});

这里的去抖时间设置为 1 秒

希望这段代码有效

Answer 2

  onChange: (...args) => debounce(() => dispatch(setSearchText(...args)), 500)

这是去抖 function。

const debounce = (func, wait) => {
  let timeout;
  return function() {
    const context = this;
    const args = arguments;
    const later = function() {
      timeout = null;
      func.apply(context, args);
    };
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
  };
}