在react组件中监控滚动

react监控页面滚动的简单应用其实很简单，在组件的生命周期函数 componentDidMount 中让window调用它的 onscroll 方法就可以啦

    componentDidMount(){

let ctx = this;        window.onscroll = function () {            if( window.pageYOffset  > 170)            {                ctx.setState({                    open:true,                })            }        }    }

注意不能直接用this.setState来设置open，这里open控制Snackbar的显隐

 <Snackbar     id="Snackbar"     open={this.state.open}     message="滚动距离大于170了"     autoHideDuration={4000}  />