react-virtualized在功能组件中工作吗？
React-virtualized是一个用于渲染大型列表和表格的React组件库。它通过只渲染当前可见区域的内容，实现了高效的虚拟滚动和渲染。在功能组件中，React-virtualized可以正常工作。
React-virtualized的主要优势在于优化大型列表和表格的性能。它通过将只渲染可见区域的内容，避免了大量DOM元素的创建和更新，从而提高了页面的渲染速度和响应性能。此外，React-virtualized还提供了丰富的自定义选项和回调函数，使开发者能够根据具体需求进行定制。
React-virtualized适用于需要展示大量数据的场景，比如社交媒体的消息列表、电子商务的商品列表、数据分析的报表等。它可以显著提升页面的加载速度和用户体验。
腾讯云提供了一系列与React-virtualized相配合的产品和服务，例如云服务器CVM、对象存储COS、内容分发网络CDN等。这些产品可以帮助开发者搭建高性能的Web应用，并提供稳定可靠的基础设施支持。
更多关于腾讯云产品的介绍和详细信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我之所以问这个问题，是因为我看到的示例都在es6类中。
并且:我将我的es6类重构为一个功能组件。现在不再显示任何行。而且也没有错误。似乎行渲染器只是简单地不再渲染任何行。
浏览 3提问于2017-03-06得票数 1
2回答
我在一个项目中使用。由于我有很多选项要呈现，虚拟化将是非常有益的。因此，我从开始，在react-window的文档中。因此，基于react-window示例，我尝试使用来自react-virtualized的List重新实现它。如上面的沙箱所示，它是一种工作。不起作用的是键盘导航。我尝试过的：
重写Autocomplete组件的Autocomplete。然而，这完全覆盖了按键功能，需要我重新实现它。使用onKeyUp保持onKeyDown功
浏览 7提问于2019-12-09得票数 7
回答已采纳
我使用的是material-ui的List和ListItem组件。具体地说，我使用的是嵌套项功能。查看大约在页面的一半处，您将看到嵌套列表。所以我偶然发现了来自react-virtualized的AutoSizer。问题是:在react-virtualized中，我的代码需要为每一行提供一个rowRenderer函数。我不想失去内置的material-ui功能，它可以计算出嵌套项的缩进。然而，使用AutoSizer时，我的代码似乎需要进行自定义工作才能
浏览 0提问于2016-12-14得票数 15
我一直在努力让正常工作&严重地开始怀疑我的理智。我已经创建了一个react应用程序，我正在尝试用下面的代码在App.js中呈现示例表： render() { list={data} );}
React一直在说list没有定义-显然我没有以正确的方式将数据放入组件中</e
浏览 2提问于2018-05-15得票数 8
回答已采纳
我正在尝试为网格组件(使用react-virtualized)集成一个自定义滚动条(使用react- custom scrollbar：)。更新:在搜索react-virtualized的gitter room后，我遵循了一个建议，使用perfect-scrollbar包(而不是react-custom-scrollbar)和react-virtualized到目前为止，它们工作得很好。
浏览 1提问于2016-12-14得票数 2
我计划在我的项目中实现react-virtualized，因为当前的解决方案不能处理动态高度。
在我的例子中，列表有不同的项目高度(高度取决于内容)。此外，这些项目可以根据需要进行扩展和减去。react-virtualized可以用流畅的动画处理这种功能吗？
浏览 4提问于2018-02-16得票数 0
回答已采纳
2回答
我有一个基于编写的超级基本示例，它不起作用：import { Column,
} from 'react-virtualized
浏览 0提问于2018-03-07得票数 5
回答已采纳
2回答
在我正在开发的类似日历的应用程序中，我使用的是最健壮的组件。一些将要使用这个应用程序的人实际上并不需要虚拟化，因为整个数据表没有那么大。因此，我想要做的是继续使用react-virtualized提供的通用框架，但是对于行<x的用户来说，它只是一次
浏览 5提问于2017-10-21得票数 0
我有一个使用react-virtualized AutoSizer的组件，在这个组件内部有一个react-virtualized列表。rowRenderer={this.renderTrackGroupRow} )}它工作得很好，但在测试中却不起作用。我在列表中看不到任何东西，并且函数rowRend
浏览 0提问于2020-06-05得票数 6
我在功能组件中使用react-virtualized List。它允许您为可评分列表div设置ref。我有一个onScroll函数，它当前捕获滚动列表的scrollTop位置，并将其存储在fromPosition中。我还有一个变量，用于存储要滚动到的toPosition。有没有人有一种干净的方法可以让List组件以一种平滑的动画方式从fromPosition滚动到toPosition……并在某个状态发生变化时触发(triggerVar)？
浏览 35提问于2020-11-01得票数 0
我找到了一个名为react-virtualized的react组件。你能更多地向我解释它是如何工作的还是在幕后？
浏览 0提问于2017-07-08得票数 0
1回答
我有一个组件，它使用react-virtualized的List进行虚拟化滚动，其中每一行要么是一个类别标题，要么是属于该类别的实际内容。(基本上，在iOS音乐应用程序中滚动艺术家的方式是相同的。)棘手的是，我希望这个粘性标题仍然在滚动容器内，而不是覆盖它或位于它的上方，并且它需要填充其父容器的宽度，这排除了在List组件外部呈现粘性容器并在上面覆盖position: absolute的可能性。据我所知，目前用react-virtualized做这样的
浏览 0提问于2016-10-24得票数 3
1回答
我正在开发一个画廊，当我超过200个组件时，我有一个性能问题。目前在我的图库中，我可以过滤图像，并根据特定的属性对它们进行排序。我试图使用“惰性加载”来提高性能，但它给我带来了以前没有的其他问题。我想尝试一下像"react-virtualized“这样的东西，它永久地更新了DOM，但我真的不知道怎么做，我的印象是"react-virtualized”并不是用来操作整个组件的。我的Gallery组件看起来像这样：
const Gallery = mem
浏览 0提问于2019-09-19得票数 1
2回答
react虚拟化数据表示例
、、、、
如何将数据数组放入组件中？呈现表示例的父组件如下所示： const list = fromJS(this.props.data); return ( )我还尝试将TableExample中的所有
浏览 4提问于2017-01-25得票数 1
回答已采纳
3回答
我在react-virtualized中使用了一个List组件来呈现大量的项目。在我的实现中，项目是分段的，并且我希望分段标题是粘性的，以便在用户向下滚动时，当前分段保持可见。本质上，我需要react-virtualized，以便在滚动位置改变时不破坏节标题(但继续破坏其他项)。现在有没有办法做到这一点？我对黑客持开放态度，只要他们不是太疯狂。
浏览 1提问于2016-11-09得票数 7
有人知道怎么做吗？testCaseCellRenderer.bind(this)}
[truncated the code above]
正如您所看到的，这是我需要包装的label，但是我应用的样式没有起作用，无论是在Column中还是在css中。
浏览 2提问于2017-09-07得票数 0
回答已采纳
使用时，当您滚动list并设置相同的scrollToIndex时，它不会回滚到相同的索引。
浏览 5提问于2017-10-10得票数 2
2回答
据我所知，在之后，自组织函数是一个接受组件并返回新组件的函数。这方面的一个例子是从react redux中连接的函数：我使用了来自React-virtualized的React-virtualized，并在它的中找到了下一个定义
高级组件，它自动调整单个子组件的宽度和高度。我不知道它是一个接收一个组件的函数，而另一个
浏览 3提问于2020-03-02得票数 0
回答已采纳
我一直很难让React Virtualized在语义UI上正常工作。
根据下面的示例，通过将className属性设置为“item”，我可以将正确的样式应用于列表中的项目。然而，我一直遇到的问题是从语义的即席组件(如List )传递到List.Item的属性。道具，如分割和选择。还有没有其他人遇到过这个问题，有没有解决方案？
浏览 12提问于2018-01-03得票数 3
1回答
我有这个代码import { AutoSizer, List } from 'react-virtualized';
style={{ overflow: 'hidden' }} )} )
在中，假设List组件
浏览 4提问于2018-11-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
