금지 된 오류

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을주는 부모로 이동합니다. 정상적으로 입력 할 때 코드가 완벽하게 작동하지만 Typing Fast에 403 오류가 발생합니다.

Answer 1

Github에는 전송할 수있는 초당 요청 수에 제한이 있습니다. 당신은 요청을 보내는 것을 지연시키기 위해 당신의 메소드에 타임 아웃을 도입하려고 시도하고있다. 이것은 좋은 접근 방법이다. 그러나 구현되는 방식으로는 작동하지 않을 것이다.

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