我如何正確地去抖動 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);
  };
}