去抖动搜索输入 onChangeText()

Question

使用 lodash 的 debounce()，我试图等待 1.2 秒，然后在我的应用程序状态中设置搜索词。但是当我使用它时它似乎没有运行我的功能：

onChangeText(text) {
    console.log('setting');
    setSearching(true);
    setSearchTerm(text);
}
render(){
    return(
        <TextInput style={s.input}
            onChangeText={() => {
                _.debounce(this.onChangeText, 1200);
                /*
                doing just...
                this.onChangeText(text)
                ...works
                */
            }}
        />
    )
}

使用debounce 时，我的控制台日志中没有setting。有什么想法吗？

Answer 1

现在，您正在为处理程序的每次调用创建一个 debounce 的新实例。

理想情况下，您应该将整个处理程序包装在 debounce 中，因为 debounce 会创建一个延迟调用 func 的 debounced 函数

onChangeText={_.debounce(this.onChangeText, 1200)}