如何使用 react-infinite-scroll-component 在 react 中实现无限滚动？

问题描述

请告诉我如何在 react-infinite-scroll-component（npm 模块）的帮助下在我的 React 应用程序中实现无限滚动。我正在使用功能组件。代码如下：

import './App.css';
import React,{ useState,useEffect } from 'react';
import axios from 'axios';
import InfiniteScroll from 'react-infinite-scroll-component';

export default function App() {
  const [post,setPost] = useState([]);
  const url = 'http://localhost:3000/users';

  useEffect(() => {
    axios
      .get(url)
      .then((res) => {
        setPost(res.data);
      })
      .catch((err) => {
        console.log(err);
      });
  },[]);

  const showUsers = post.map((item) => {
    return (
      <div className="card" key={item.id}>
        <h2>Name: {item.name}</h2>
        <h3>Username: {item.username}</h3>
        <p>Email:{item.email}</p>
      </div>
    );
  });

  return <div className="container">{showUsers}</div>;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）