react-ts-滚动加载

import React,{Component} from 'react';

interface IProps {}
interface IStates{}

class Fn extends Component<IProps,IStates>{
  private scrollRef: any;
  public constructor(props: IProps){
    super(props);
  }

  public onScrollEvent = () => {
    const {scrollTop,clientHeight,scrollHeight} = this.scrollRef;
    if(scrollTop + clientHeight >= scrollHeight){
      //请求逻辑
    }
  }

  public render{
    return <div onScrollCapture={this.onScrollEvent()} ref={(ref: any) => {this.scrollRef = ref}}></div>
  }
}

export default Fn;