javascript - 在 react 中使用去抖动搜索输入

Question

我有一个搜索输入，可以即时调用 API。我想实现去抖动以减少服务器调用量。

  _debouncedSearch() {
    debounce(this.props.fetchRoutes(this.state.searchText), 1000);
  }

  _updateResults(searchText) {
    this.setState({searchText});
    this._debouncedSearch();
  }

我期望每 1 秒执行一次 debouncedSearch。但它仍然被即时调用。并抛出错误:

Uncaught TypeError: Expected a function at debounce (lodash.js?3387:10334)

Uncaught Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development.

我觉得这个问题肯定被问过很多次，但似乎没有一个解决方案适合我。有人可以向我解释这里到底是什么问题吗？我认为 debounce 只是一个 setTimeOut。

谢谢

Answer 1

constructor(props) {
    super(props);
    this.state = {
      searchText: '',
    };
    this._debouncedSearch = debounce(
      () => this.props.fetchRoutes(this.state.searchText),
      1000
    );
  }

  _updateResults(searchText) {
    this.setState({searchText});
    this._debouncedSearch();
  }

这是完整的工作代码，以备不时之需!