입력란에 빨리 입력 할 때 입력란에을 너무 빨리 입력하면 브라우저에서 금지 된 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 오류가 발생합니다.
'입력의 사용이 뭐죠 : FALSE '
가장 쉬운 방법은 다음과 같이로로 changeName 기능을 수정하는 것입니다? API 호출 중에 입력을 차단 하시겠습니까 ?? –