запроса 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> 
    ) 
} 

Я бег сервера на локальном. Когда я нажимаю кнопку, данные сразу же загружаются.

Но, когда я прокручиваю «одну единицу», данные медленнее загружаются.

Я использую Google Chrome на Windows 7.

Почему это происходит?

UPDATE 1

Я тест этот проект, он хорошо работает на Firefox, эта проблема возникает на Chrome.

UPDATE 2

Эта проблема возникает на Chrome 56. Он хорошо работает на Chromium 58

Answer 1

Использование компонента смонтирует вместо компонента было монтировать, так как компонент сделал крепление триггеров после начального состояния и визуализации, тогда как компонент смонтирует вызовет перед визуализацией

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

Прочитайте это для более Preferance :)

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