lodash debounce错误：未接收的TypeError：期望功能

Question

我正在尝试使用debounce函数，以避免打字并在表中搜索某些内容时进行多个调用。这就是我所做的 -

onChange={(_event, searchText) => React.useCallback(debounce(void setSearchText(searchText), _searchDebounceWaitTime), [])}

它给出了一个错误，说明未访问的TypeError：预期函数 我在做什么错？我在网上发现的大多数解决方案都做了类似的事情。

注意：我也尝试做 -

onChange={(_event, searchText) => React.useCallback(debounce(searchText => setSearchText(searchText), _searchDebounceWaitTime), [])}

但是这次我收到以下错误 - 无效的挂钩调用。钩子只能在功能组件的主体内部调用。这可能是出于以下原因之一：

pls帮助。

Answer 1

首先，正如错误状态所示，React钩子不能在JSX中。应该是这样的：

const onChange = React.useCallback((_event, searchText) => setSearchText(searchText), [])

//...
return (
  <Component
    //...
    onChange={onChange}
  />
);

然后，为了进行审问，您要寻找的是一个记忆的功能：

const onChange = React.useMemo(() => debounce((_event, searchText) => setSearchText(searchText), _searchDebounceWaitTime), [])