GET 요청

Question

나는이 다음과 같은 몇 가지 코드를 사용하여 반응 프로젝트 :

componentDidMount() { 
    window.addEventListener('scroll', this.handleScroll); 
}; 

componentWillUnmount() { 
    window.removeEventListener('scroll', this.handleScroll); 
}; 

handleScroll(event) { 
    this.load(); 
}; 

load() { 
    console.log('Loading'); 
    $.get('/latest-dishes?page=1&items=6', function(data) { 
     console.log('Loaded'); 
     console.log(data); 
    }); 
} 

render() { 
    return (
     <div> 
      <button onClick={e => this.load()}>Load</button> 
     </div> 
    ) 
} 

나는 지역에 서버를 실행합니다. 버튼을 클릭하면 데이터가 즉시로드됩니다.

그러나 "한 단위"를 스크롤하면 데이터로드가 느려집니다.

Windows 7에서 Google 크롬을 사용하고 있습니다.

왜 이런 일이 발생합니까?

UPDATE 1

나는이 프로젝트는, 그것은 파이어 폭스에서 잘 작동 테스트를했습니다,이 문제는 크롬에 발생합니다.

업데이트 2

이 문제는 그것은 구성 요소가 마운트 초기 상태 후에 트리거했기 때문에 마운트 구성 요소 반면 렌더링 않은 대신 구성 요소의 마운트를 사용하여 구성 요소

Answer 1

크롬 58에서 잘 작동 크롬 (56)에서 발생 전에 트리거 렌더링 마운트

componentWillMount() { 
window.addEventListener('scroll', this.handleScroll);}; 

더 preferance이 읽기 :

http://busypeoples.github.io/post/react-component-lifecycle/