在输入字段中输入快速时出现禁止错误

Question

我在输入字段中输入过快时，我在浏览器中收到禁止错误 403。我使用阵营的js与节点，并在后端快递。

以下是我的代码，容纳输入。

import React, {Component, PropTypes} from 'react'; 

export default class SearchBox extends Component { 

    constructor(props) {  
     super(props); 
     this.state = { 
      name: "", 
      typing :false, 
      typingTimeOut :0, 
     }; 
     this.changeName=this.changeName.bind(this); 
     this.sendtoParent=this.sendtoParent.bind(this); 
    } 

    changeName(event) { 
     const self=this; 

     if(self.state.typingTimeOut) 
     { 
      clearTimeout(typingTimeOut); 
     } 

     self.setState({ 
      name: event.target.value, 
      typing:false, 
      typing: setTimeout(function(){ 
       self.sendtoParent(self.state.name)},1000) 
     }); 
    } 

    sendtoParent(){  
     this.props.searching(this.state.name,"true"); 
    } 

    render() { 
     return (
      <div > 
       <input 
        style={styles} 
        id="SearchBox" 
        type="text" 
        placeholder='Enter the name' 
        onChange={this.changeName} 
       />     
      </div> 
     ); 
    } 
} 

我叫去，后来给了我从Github上搜索API所需的JSON父。当我通常类型，但是它给出了快速打字的403错误我的代码是完美的工作。

Answer 1

Github上对每秒请求数，您可以发送的数量是有限的。你试图在你的方法引入超时延迟请求的发送，这是一个很好的方法，但它的实现方式，它不会工作。

最简单的方法就是修改changeName功能是这样的：

changeName(event) { 
    const self=this; 

    if(self.typingTimeOut) 
    { 
     clearTimeout(self.typingTimeOut); 
    } 

    self.typingTimeOut = setTimeout(function(){ 
      self.sendtoParent(self.state.name)},1000); 

    self.setState({ 
     name: event.target.value, 
     typing:false 
    }); 
}