0

我正在使用react-table和react-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