小编Chr*_*oon的帖子

React Redux + 无限滚动 = 重新渲染整个列表?

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)

reactjs react-redux

1
推荐指数
1
解决办法
2531
查看次数

标签 统计

react-redux ×1

reactjs ×1