在輸入字段中輸入快速時出現禁止錯誤

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