React 新手,我正在尝试使用此组件https://github.com/danbovey/react-infinite-scroller将无限滚动集成到我的列表组件(使用 redux)中。
然而我面临的问题是,当我向下滚动到列表底部时,它成功加载更多项目,但它似乎重新渲染整个列表,而不是仅将新项目渲染到列表底部。这也会导致窗口滚动回顶部,这不是我所期望的。
任何想法有什么问题吗?下面发布了我的代码:
import React, { useEffect } from 'react';
import './ItemList.sass';
import { connect } from 'react-redux';
import { fetchItems } from '../../../actions/itemListActions'
import ItemListing from './ItemListing'
//import InfiniteScroll from 'react-infinite-scroll-component';
import InfiniteScroll from 'react-infinite-scroller';
const ItemList = ({ items, fetchItems }) => {
const itemsPerLoad = 15;
useEffect(() => {
if (items && !items.isNew) {
return;
}
fetchItems({
offset: 0,
limit: 15,
isNew: true,
sort: null,
reverse: null,
filters: {},
search: null
})
}, …Run Code Online (Sandbox Code Playgroud)