スクロールアップ/ダウンのための反応待ちですか？

Question

私はアプリケーション（ES6）を構築していますが、スクロールアップ/ダウンイベントをキャッチする「正しい」方法は何か不思議です。

私は（npm）リアクションスクロールリスナーをインストールしようとしましたが、ES6クラスで動作させることができませんでした。

基本的には私が欲しいのは、スクロールアップの場合はこれです。下にスクロールする場合は、他の操作を行います。

import React from 'react'; 
import config from '../config'; 
import StaticImageList from '../Common/StaticImageList'; 
import ScrollListener from 'react-scroll-listener'; 

class Album extends React.Component { 
    constructor(props){ 
     super(props); 

    } 
    myScrollStartHandler(){ 
     console.log('Scroll start'); 

    } 
    myScrollEndHandler(){ 
     console.log('Scroll end 300ms(default)'); 
    } 
    componentDidMount(){ 
     scrollListener.addScrollHandler('body', myScrollStartHandler, myScrollEndHandler); 
    } 
    render(){ 
     return <StaticImageList />; 
    } 
}; 

export default Album; 

Answer 1

これは、すべてのリスナーに引っ掛けるための一般的なアドバイスです：

はありがとう

class Whatever extends Component { 
    componentDidMount() { 
    window.addEventListener('scroll', this.handleScroll) 
    } 

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

    handleScroll(event) { 
    // do something like call `this.setState` 
    // access window.scrollY etc 
    }) 
}