javascript - 在 React.js 中添加去抖动

Question

此函数在 onChange 操作上执行。我只希望评论下的内容在 1 秒内反跳。我怎样才能做到这一点？

  onChange = (event, { newValue }) => {
    this.setState({
      value: newValue,
    }, () => {
      if (this.state.value.length !== 26) {
// this debounce \/
        this.Auth.getUsersData(newValue).then(res => {
          if (res) {
            this.setState({
              accountBills: res,
            });
          }
        });
  };
    });
}

Answer 1

只需将该代码提取到一个新方法中并将其包装在 _.debounce 中:

import {debounce} from 'lodash';

getUserData = debounce(newValue => this.Auth.getUsersData(newValue)
  .then(res => {
    if (res) { this.setState({ accountBills: res }) }
   })
, 1000);

onChange = (event, { newValue }) => {
    this.setState({
      value: newValue,
    }, () => {
      if (this.state.value.length !== 26) {
         this.getUserData(newValue);
      }
    });
}