在特定屏幕上拉动以刷新而不禁用(React js)

import React, { useState } from 'react';

const [isRefreshing, setIsRefreshing] = useState(false);

const handleScroll = () => {
  const scrollPosition = window.pageYOffset;
  const screenHeight = window.innerHeight;
  const documentHeight = document.documentElement.scrollHeight;

  if (scrollPosition + screenHeight >= documentHeight && !isRefreshing) {
    // 触发刷新操作
    setIsRefreshing(true);

    // 执行刷新逻辑，例如发送网络请求获取最新数据

    // 刷新完成后，将isRefreshing设置为false
    setIsRefreshing(false);
  }
};

// 在组件挂载时绑定滚动事件监听
useEffect(() => {
  window.addEventListener('scroll', handleScroll);
  return () => {
    window.removeEventListener('scroll', handleScroll);
  };
}, []);