当Scroll到达结束时，ReactJs函数组件获取

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    const handleScroll = () => {
      const scrollPosition = window.innerHeight + window.scrollY;
      const documentHeight = document.documentElement.offsetHeight;
      if (scrollPosition >= documentHeight) {
        // 到达页面底部，执行相应的逻辑操作
      }
    };

    window.addEventListener('scroll', handleScroll);

    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return <div>My Component</div>;
};

import React from 'react';
import ScrollUpButton from 'react-scroll-up-button';

const MyComponent = () => {
  return (
    <div>
      My Component
      <ScrollUpButton />
    </div>
  );
};

import React, { useEffect, useRef } from 'react';

const MyComponent = () => {
  const bottomRef = useRef(null);

  useEffect(() => {
    const observer = new IntersectionObserver((entries) => {
      if (entries[0].isIntersecting) {
        // 到达页面底部，执行相应的逻辑操作
      }
    });

    observer.observe(bottomRef.current);

    return () => {
      observer.unobserve(bottomRef.current);
    };
  }, []);

  return (
    <div>
      My Component
      <div ref={bottomRef}></div>
    </div>
  );
};