react数据懒加载 滚动加载组件滚动加载

记录使用react滚动加载的问题

//引入组件
import InfiniteScroll from 'react-infinite-scroller';

  // eslint-disable-next-line react-hooks/exhaustive-deps
  //封装请求数据接口返回值
const getMenuList = useCallback((disease,page,callback) =>{
    getPrescriptionMenuRequest(disease,page).then((res) =>{
      callback(res.data.totalPage, res.data.data)
    })
  })
//初始化
  useEffect(() => {

    getMenuList('',page,(totalPage,res) =>{
      setTotalPage(totalPage)
      setLoadList(res)
      getDPrescriptionDataDispatch('1','',page);
      getPrescriptionDetailsList()
    })

    // eslint-disable-next-line
  }, []);
//此处是滑动到底部会触发哪些事情
const requestList= ()=>{

     if(page === toTalPage) {
      setHasMore(false)
      message.warning('数据已全部加载完成！');
    } else {
      getMenuList('',page+1,(totalPage,res) =>{
        setTotalPage(totalPage)
        let