input输入时触发ajax请求事件 在这个时候如何实现函数防抖

Question

input输入时触发ajax请求事件 在这个时候如何实现函数防抖

    searchInput(e){        this.setState({            searchContent:e.target.value
        })
        fetch(`/api/book/auto-complete?query=${e.target.value}`)
        .then(res=>res.json())
        .then(res=>{            console.log(res);            this.setState({                completionArr:res.keywords
            })
        })
    }

Answer 1

加个定时器setTimeout即可searchInput(e){        this.setState({            searchContent:e.target.value         })        this.timer && clearTimeout(this.timer);        this.timer = setTimeout(() => {             fetch(`/api/book/auto-complete?query=${e.target.value}`)             .then(res=>res.json())             .then(res=>{                console.log(res);                this.setState({                    completionArr:res.keywords                 })             })         }, 500)     }