问题标签 [react-window]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

93 问题

0 投票

1 回答

19 浏览

reactjs - 无法在 react-window 中解析 @babel/runtime/helpers/esm*

我正在使用 react-window ^1.8.6 版本（在我的依赖项下）。当我尝试使用纱线构建我的项目时，出现以下错误。

./node_modules/react-window/dist/index.esm.js 中的错误模块未找到：错误：无法解析 '/Users/xxxxxx/Workspace/xxxxx/ 中的 '@babel/runtime/helpers/esm/assertThisInitialized'组件库/node_modules/react-window/dist' @ ./node_modules/react-window/dist/index.esm.js 3:0-86 160:60-82 160:83-105 164:18-40 164： 41-63 1066:60-82 1066:83-105 1070:18-40 1070:41-63 @ ./src/components/PDFViewer/Viewer.tsx @ ./src/components/PDFViewer/PDFViewer.tsx @ ./ src/components/PDFViewer/index.ts @ ./src/components/DocumentViewer/DocumentViewer.tsx @ ./src/components/DocumentViewer/index.ts @ ./src/index.ts

全套如下

纱线版本 1.22.17

npm 版本 8.1.2

节点版本 v16.13.2

webpack 版本 ^4.44.1

我的 Webpack 配置看起来像

我该如何解决这个问题？

reactjs react-window

2022-02-09T12:08:21.683

0 投票

0 回答

5 浏览

infinite-scroll - 成功添加数据后，滚动后删除了一个项目

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