0

我正在使用react-tablereact-window-infinite-loader无限react-window滚动。最初,该表有20 个从 API 获取的项目(数据)。在我的表中添加新数据后,它将成功更新(通过 redux)数据现在将是 21也将是 21 。但是在滚动和滚动之后,数据仍然有额外的 1 个数据(例如 21 > 41 等。每个滚动都会添加 20 个从 API 获取的项目)但是在表中滚动几次后行的长度不同(例如 21 > 40 ) 1 行被自动或可疑删除请参阅Row(index) 21 已删除图像(没有任何仅通过滚动进行的操作)索引 21 已删除。这将发生错误,因为表的最后一个索引现在将是 40 并且行的长度只有 40 下面的代码片段将是undefined

const RenderRow = ({ index, style }) => {
        const row = rows[index]; // this will be undefined
        prepareRow(row);
        return useMemo(
            () => (
                <Row
                   row={row}
                  // some props
                />
            ),
            [row],
            areEqual
        );
    };

行数和数据长度

第 21 行(索引)已删除

4

0 回答 0