React 页面上拉到底部后如何触发事件

应用场景：

资讯流初始化加载一页数据，上拉触底后，继续加载一页的数据；

1，绑定滚动事件；

2，计算触底高度，达到高度触发事件；

 

绑定事件：

handle为触发的函数；

    componentDidMount() {
        window.addEventListener("scroll",this.handle.bind(this))
    }

计算高度：

console.log("数据的高-----------------------", this.refs.onPullUp.clientHeight);
console.log("滚动的高----------------------", document.documentElement.scrollTop);
console.log("屏幕的高----------------------", document.documentElement.clientHeight);

到底后打印的数据：

onPullUp为绑在DOM上的属性：