你好我有问题在我的mern堆栈应用程序
首先，我将limit和skip值添加到后端节点js中，如下所示

const getPosts = async (req, res) => {
  const { userId } = req.params;
  const limitValue = req.query.limit || 10;
  const skipValue = req.query.skip || 0;
  const posts = await Post.find(userId ? { bookmarks: userId } : {})
    .sort({ createdAt: -1 })
    .populate("author")
    .populate("tags")
     .limit(limitValue)
     .skip(skipValue)

  if (!posts) res.status(204).json("No posts found");
  else {
    res.status(200).json(posts.map((post) => post.toObject({ getters: true })));
  }
};

然后我进入我的react应用程序并添加了无限滚动。但类似下面的代码
但是有一个问题.它只是循环前10个职位从数据库而不是获取新职位从数据库
这是我的React代码

const PostsList = ({  filteredTag, toInvalidate, enableImages = true }) => {
  const advertise =async () => {
    
    window?.EventBus?.emit('reset-ads')
    
  }
   useEffect(() => {
   advertise()
  }, []);






  const [posts, setArticles] = useState(null);

  useEffect(() => {
    const fetchAgain = async () => {
      if (posts != null) {
        // await fetch(`${process.env.BASE_URL}/posts?skip=10`)
        await fetch("http://127.0.0.1:5000/posts?skip=10")
        .then((res) => res.json())
          .then((result) => setArticles([...posts, ...result]));
      }
    };

    const handleScroll = () => {
      const html = document.documentElement;
      const body = document.body;
      const windowheight =
        "innerHeight" in window ? window.innerHeight : html.offsetHeight;

      const docHeight = Math.max(
        body.scrollHeight,
        body.offsetHeight,
        html.clientHeight,
        html.scrollHeight,
        html.offsetHeight
      );

      const windowBottom = windowheight + window.pageYOffset;
      if (windowBottom >= docHeight) {
        console.log("we reached the bottom");
        fetchAgain();
      }
    };

    window.addEventListener("scroll", handleScroll);

    return () => window.removeEventListener("scroll", handleScroll);
  }, [posts]);

  useEffect(() => {
    setTimeout(async () => {
      // const res = await fetch(`${process.env.BASE_URL}/posts`)
      const res = await fetch("http://127.0.0.1:5000/posts")
      const data = await res.json();

      setArticles(data);
      console.log(data);
    }, 2000);
  }, []);









  


  return (
    <Wrapper>
       {posts?.length > 0 ? (
        posts.map((post, i) => (
         <><><Post
            post={post}

            isFirstPost={enableImages &&  i++}
            filteredTag={filteredTag}
            key={nanoid()}
            toInvalidate={toInvalidate} />
            <Advertise />
            </></>
        ))
      ) :
      <LoadingSpinner />
      // (
        
      //   <Placeholder />
        
      // )
      }        
    </Wrapper>
  );
};

如果可能的话，有人回答我，我尝试了每一个解决方案。它只是无限滚动工作。但不获取新的职位后，第一个10后
我不明白为什么会发生这种情况，因为后端代码或我的React代码不工作