react-virtualized 相关问题

React组件,用于有效地呈现大型列表和表格数据

使用 React Virtualized CellMeasurer 更改列表和动态高度的数据顺序

我正在尝试使用 React Virtualized 创建一个聊天应用程序。到目前为止,一切正常,但我认为在使用列表中的 keyMapper 和 rowRenderer 时我做错了什么。 该...

回答 1 投票 0

React 大师 - 它在幕后是如何运作的

大家。我正在研究react-virtuoso。它是一个用于高效渲染大型组件列表的新存储库。 这是相当新的。我对它是如何工作的感到困惑。为什么反应大师可以

回答 1 投票 0

React 虚拟化,列表滚动时闪烁/滞后

当我滚动列表时遇到一些问题。 还要注意底部的巨大空间。 观看视频:https://vimeo.com/215349521 据我所知,我没有犯任何重大错误...

回答 2 投票 0

如何将doc到html转换后的数据(html)渲染到网页中

场景: 我有一个最大的(50MB 大小)文件,并使用第三方工具将其转换为 html 文件。 现在我希望将转换后的 HTML 文件展示到我的网页中 当尝试这个场景时,我的 React

回答 1 投票 0

React-select:虚拟化选项列表

在最新版本的react-select(3.1.0)中虚拟化选项列表的预期方式是什么? 有react-virtualized-select,但不再支持。谢谢。

回答 2 投票 0

为什么我的反应虚拟列表不显示滚动条,除非我确保高度低于 rowCount*rowHeight?

我正在使用 "react-virtualized": "9.22.5",我正在尝试渲染一个列表。 当我经过时 我正在使用 "react-virtualized": "9.22.5",并且我正在尝试渲染一个列表。 当我经过时 <List height={myList.length * 30} rowHeight={30} rowCount={myList.length} width={240} style={{maxHeight: 657}} rowRenderer={({ index, key, style }) => {...} /> 我只得到前 21 项,即使 myList 更长。这意味着我没有滚动条,并且其余项目不可见。如果我使用 rowCount={myList.length + 1},它会神奇地正确计算行数,并且我会得到滚动条。或者,设置 height={myList.length*30 - 0.001} 也可以。 console.log(myList.length) 显示正确的长度。 发生什么事了? 事实证明,List不知道它的maxHeight是什么——它“认为”它以全高显示。由于 height 与 rowCount 所需的一样大,因此不会显示滚动条。要显示滚动条,无论其他样式如何,height 都必须小于 rowCount*rowHeight。 我的解决方案是写 List 而不使用 maxHeight,但否则我会使用 -0.001 hack。

回答 1 投票 0

反应虚拟化表X滚动

是否可以在react-virtualized中设置x滚动?我有一个固定宽度的表格,要显示的列比表格中的空间多,所以我需要一个 x-scrollinig。在我的测试中,如果我这样做...

回答 4 投票 0

React downshift 自动完成库中 getMenuProps 是必需的吗?

我看到了 getMenuProps 上的自述文件,但它没有解释 refs 的用途。当我移动它时,它似乎有效果。我不确定是否需要直接进入列表元素

回答 1 投票 0

react-virtualized Grid 行高不一致,添加新项目时滚动位置发生变化

下面是我的代码,当我在移动设备上每行渲染 2 个项目,在桌面设备上每行渲染 4 个项目时,我尝试实现产品列表页面。 当我给 rowHeight 一个固定的高度时,它会正确渲染......

回答 1 投票 0

react-virtualized:在 AutoSizer 中设置状态

我正在使用React-Virtualized。 我想设置 AutoSizer 宽度的状态,但它给了我警告。 警告:在渲染不同的组件(`AutoSizer`)时无法更新组件(`App`)。至

回答 2 投票 0

在React中将大数据加载为网格和表格(使用react-window)

我有一个带有起始页的项目,它显示用户的整个项目列表。 用户可以在网格和表格之间切换。 对于网格,我使用 CSS 网格 显示:网格; 网格模板列:

回答 1 投票 0

如何虚拟化 React-Select 的选项?

我一直在尝试对 React-Select 组件实现虚拟化,尽管没有成功。我尝试使用的每个虚拟化软件包都存在某种严重故障......

回答 1 投票 0

React 18 升级后 onScroll 不工作了

滚动时不会调用 onScroll 回调(scrollHandler)。这个问题是在我们从 React 16 升级到 React 18 后发生的。 套餐详情 "react": "^18.2.0&quo...

回答 1 投票 0

渲染将填充全宽的表格列。

想象窗口 1000px 宽度。 四个文本列,宽度为 100 像素。 我想让列增长到 250px 以填充整个宽度。 我正在使用 AutoSizer 和 MultiGrid。

回答 3 投票 0

Material-Table如何实现表格虚拟化和无限滚动?

我必须使用 Material-Table 实现虚拟化和无限滚动,同时保留其所有功能,例如选择、可拖动列、样式等。 我正在遵循这个例子:h...

回答 2 投票 0

如何使用react-virtualized显示嵌套的可变高度行

从“react”导入 * as React; 从“react-dom”导入{渲染}; 进口 { 列表, CellMeasurer缓存, 细胞测量仪, 窗口滚动器, 自动尺寸调整器 } 来自“react-virtua...

回答 1 投票 0

如何删除自动完成上的清除按钮并仅显示文本

我是反应虚拟化和自动完成的新手。我目前已经建立了一个列表,当复选框被选中时,它会显示多个文本。这是我的代码: https://codesandbox.io/s/material-demo-for...

回答 6 投票 0

react-virtualized 表列中的下拉渲染溢出

我正在开发一个 React 应用程序,我正在渲染一个表格,其中 2 个列字段而不是包含文本包含一个下拉菜单,我在这些下拉菜单中有不同的选项,dropd ...

回答 1 投票 0

React 虚拟化列表不渲染组件

我正在尝试使用 react-window 和 react-virtualized-auto-sizer 来虚拟化组件列表,但是 组件没有呈现列表。 这是代码: ...

回答 1 投票 0

防止FlatList重新渲染导致性能问题。

我正在使用Hooks和ES6构建一个React Native App。主屏幕从API中获取一些数据,并将其显示为图片库。主屏幕是父组件,它包括一个幻灯片......。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.