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)
    }