在反应钩子内延迟执行答案

【问题标题】：Delay execution inside a react hook在反应钩子内延迟执行
【发布时间】：2021-05-27 20:24:17
【问题描述】：

我会在每次击键时调用我的搜索功能。我正在寻找一种方法来延迟它，以便在调用服务之前等待更多字符。

    const [keyword, setKeyword] = useState("");

    useEffect(() => {
        keyword && searchService(keyword).then(res => console.log(res));
    }, [keyword]);

    <input
        type="search"
        value={keyword}
        onChange={e => setKeyword(e.target.value)}
    />

有什么好的技术可以做到这一点？

【问题讨论】：

去抖动和/或节流。

标签： reactjs react-hooks

【解决方案1】：

你可以使用它。 https://www.npmjs.com/package/use-debounce

const [keyword, setKeyword] = useState("");

const [值] = useDebounce(keyword, 1000);

useEffect(() => {

}, [值]);

【讨论】：