22得票6回答
(React-Window)如何向<FixedSizeList>中的{Row}传递props?

我正在使用一个叫做react-window的库。 当我像这样向其行传递 props:{Row({...props, {otherProps}})} 我得到了一个类似这样的错误: React.createElement:类型无效——期望一个字符串(用于内置组件)或一个类/函数(用于复合...

13得票1回答
根据内容高度设置React-Window项目大小

我正在使用react-window实现聊天消息列表,但是我在尝试为每个条目设置正确的“itemSize”时遇到了困难。由于聊天消息基于其文本长度和窗口宽度,不总是有固定高度(或者我可以简单计算出高度),因此会发生这种情况。 我目前正在使用VariableSizeList,代码如下: &lt...

12得票2回答
使用react-testing-library测试react-window列表的滚动功能

我卡在了一个测试上,我想要验证在滚动通过由react-window导入的列表组件后,不同的项目是否被渲染。该列表位于表格组件中,表格组件将滚动位置保存在React上下文中,这就是为什么我需要测试整个表格组件的原因。 不幸的是,滚动事件似乎没有任何作用,列表仍然显示相同的项目。 测试看起来像这样...

7得票1回答
使用react-window进行滚动时出现故障的问题是什么?

我希望在滚动时(显示数据),实现行虚拟化。 但是在滚动时,出现了可怕的故障。 告诉我问题出在哪里? 项目链接 - male-wind.surge.sh 该组件包含一个表格(使用了 react-window): import React, { Component } from "rea...

7得票1回答
根据CSS规则,在没有浏览器渲染的情况下测量文本的高度,用于虚拟化列表中预先指定高度。

我一直在使用Electron(Chrome)和React实现聊天客户端。我们的首要任务是速度。因此,我们需要使用虚拟化列表组件(也称为“缓冲渲染”或“窗口渲染”)。我们已经尝试了react-virtualized、react-window和react-infinite等组件。 所有这些组件都...