React Virtualized -滚动一长串itsm后屏幕变为空白
React Virtualized是一个用于优化大型列表和表格的React组件库。它通过只渲染可见区域的内容来提高性能，并提供了滚动、加载更多等功能。
当滚动一长串ITSM后屏幕变为空白时，可能是由于以下原因导致的：
- 数据加载问题：可能是数据加载出错或者数据为空导致屏幕变为空白。可以检查数据源是否正确，确保数据能够正确加载并渲染到列表中。
- 组件配置问题：可能是React Virtualized组件的配置问题导致屏幕变为空白。可以检查组件的配置参数是否正确设置，例如列表的高度、行高等。
- 内存问题：如果列表非常大，可能会导致内存占用过高，从而导致屏幕变为空白。可以尝试优化内存占用，例如使用虚拟滚动来减少渲染的DOM数量。
针对这个问题，可以尝试以下解决方案：
- 检查数据源：确保数据源正确，并且能够正确加载和渲染到列表中。
- 检查组件配置：检查React Virtualized组件的配置参数是否正确设置，例如列表的高度、行高等。
- 优化内存占用：如果列表非常大，可以考虑使用虚拟滚动来减少渲染的DOM数量，从而减少内存占用。
- 调试错误：可以使用浏览器的开发者工具来调试错误，查看是否有报错信息或者网络请求失败等问题。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
我正在写一长串的东西。为此，我使用了react-virtualized (https://github.com/bvaughn/react-virtualized)。但是我面临着下面的问题。 当我试着滚动到底部2秒，它是空白的，然后数据正在加载。它不是很平滑。此https://2v9j5.csb.app/是CodeSandBox链接。
浏览 64提问于2020-08-14得票数 2
回答已采纳
是否可以让react-virtualized Collection中的单元格内容在滚动时粘在一侧？我通常使用position sticky来做这件事，但这对Collection中的内容不起作用。滚动时，一行最左侧可见单元格的内容应停留在屏幕的左侧。我可以在不使用react-virtualized的情况下让它工作，但是在滚动了指南一段时间后，太多的数据被渲染，页面变得非常慢。
浏览 3提问于2018-11-23得票数 1
当尝试scrollToIndex时，屏幕变为空白。import React, { Component } from 'react'; AutoSizer, CellMeasurerCache, List,} from '<em
浏览 1提问于2018-03-22得票数 4
回答已采纳
2回答
我正尝试在我的react原生应用程序中使用react导航来设置导航。 "react": "16.8.6", "react-native-gesture-handlercreat
浏览 0提问于2019-09-03得票数 1
1回答
我目前正在尝试使用react - virtualized在react中集成一个虚拟化表，但是该表似乎不能正确呈现，我正在尝试了解其中的原因。下面是我使用的代码，我的目标是能够： 1-随页面滚动表格 2-行的高度和宽度是自动的 3-行中显示的数字需要格式化一些取决于条件和相同的财富取决于条件可能显示红色或绿色使用css。现在我已经能够让scroll部分工作了，但是当我向下滚动的时候，当表格仍然在视图中时，在scroll的顶部会显示大量的空白。Column label="Wealt
浏览 15提问于2020-04-05得票数 0
当我在屏幕之间导航时，react query似乎很困难，因为它最终返回了一个undefined。{lists.isLoading && ( <Skeleton />)}
要从家中导航到List，我使用导航到List后
浏览 2提问于2022-08-17得票数 0
回答已采纳
1回答
最大的问题是，不是所有的图都能放在一个屏幕上，所以我必须经常滚动。当我滚动时，系统变得非常慢，似乎所有的图表都被重新绘制。实际上，您可以看到图变为空白，然后数据点一个接一个地出现。有没有办法在图表绘制完成后关闭更新或‘冻结’图表？我试过了，图灵屏幕更新关闭了，但这不能解决问题。
浏览 0提问于2015-09-29得票数 0
React原生社区，背景：
我们一直在与ListView合作，以显示我的具有文本+图像内容的非常长的列表(在阅读了许多博客和其他在线材料(官方+非官方)后，他们都指向了React Native optimized FlatList。事情看起来对我们很好，然而，我们错得不能再错了。在高速向上或向下滚动时，视图长时间变为空白(空白区域)，Tou
浏览 2提问于2018-09-11得票数 2
我正尝试在React Native中创建一个屏幕，其中包含2个选项卡(使用react-native-tab-view)，布局如下： ------------------------
| Collapsible为了将可滚动部分放在选项卡栏之后，我在FlatList的contentContainerStyle中添加了一个paddingTop。这就是问题的根源-当在Tab A中滚动，然后移动到Tab B时，会因为填充而出现空白。collapsible-tab-view-example这是
浏览 112提问于2019-12-23得票数 4
回答已采纳
Android : 4.4.2、8.0这只发生在android上。item.replyUID} </View> </View> }渲染80个项目后，屏幕变为白色。然后再次向下滚动，屏幕将返回，滚动将随机移
浏览 9提问于2020-03-04得票数 0
发出post请求后，数据post到数据库，并在响应中返回，但props没有及时传递，导致props中出现未定义的错误，导致空白屏幕。ApiManager是处理请求通用crud控制器。我想知道我应该使用componentWillReceiveProps componentDidUpdate还是shouldComponentUpdate，以及对子组件进行适当更新的一般最佳实践是什么import ZoneDa
浏览 1提问于2017-10-24得票数 0
我知道这是一个常见的问题，但我找不到一个确切的解决方案。我已经创建了一个小部件的列视图，在底部包含一个TextField，当键盘弹出时，小部件将被隐藏。 最初，视图溢出，所以我设置了resizeToAvoidBottomPadding: false来解决这个问题。但是，现在文本字段被完全隐藏了。 我在代码中使用了Spacer和flex，因此不想转换到ListView。 我如何解决这个问题？
浏览 29提问于2019-06-06得票数 0
当我向下滚动时，它会加载列表。但之后，它显示为空白，而向上滚动。
import React, { Component } from 'react'; AppRegistry, Text,View, ActivityIndicator,
} fro
浏览 3提问于2017-05-28得票数 5
回答已采纳
我使用在外部投影屏幕上用诗句显示歌词。(设备上的视图与外部屏幕上的视图不同。)当我从歌曲详细信息屏幕导航到堆栈导航器中的歌曲列表时，外部屏幕将变为空白，因为当前只有歌曲详细信息屏幕包含ExternalDisplay。在React中，视图总是直接与活动屏幕相关联，我正试图找出一种方法来控制外部显示视图，与显示上的活动屏幕完全独立。我正在寻求帮助，找出最明智的方法来解决这个问题。我注意到，我可以将另一个屏幕</e
浏览 4提问于2021-06-09得票数 1
每次我在grub菜单(或任何其他系统的条目)中启动并选择这个系统的条目时，都会看到一个或两个已记录的启动消息，然后屏幕在大约1秒后变为空白，然后启动序列将永久挂起。在这个基于恢复的引导序列中，我可以在恢复屏幕之前和之后看到很多启动消息。控制台从不为空，引导总是成功的。
由于失败的引导的日志数据滚动得太快，所以当屏幕变为空白时，我无法在它消失之前读取它。
浏览 0提问于2018-08-18得票数 0
我的联想Thinkpad X1 Yoga (20 X1)与三星970 EVO Plus保持随机冻结，并最终显示一个带有日志和其他错误的黑色屏幕。我必须按住电源按钮才能关闭它。以下是它显示的一些错误(没有特别的顺序，它们都滚动得太快了，我看不清楚)更新我的SSD固件-没有新版本可用冻结似乎不是我采取的
浏览 0提问于2022-02-20得票数 1
回答已采纳
1回答
如何在反应中循环拖动滑块
、、、、
现在，我确实只有3个图像在我的滑块和当我拖动滑块向左，滑块与它的第三个图像和一个空白开始显示后。在这一点上，我希望图像从一开始就重新开始，也就是从第一张图像开始，目的是覆盖空白。此外，我在现有代码中遇到的一个错误是，当我开始将滑块拖动到右侧时，突然浏览器上出现了一个滚动，并且一直处于永不结束的状态。通过永不结束的状态，我的意思是，它仍然在屏幕上，当我拖动我的所有3个图像完全向正确的方向。
因此，这是我想申请和解决的两件事，在我目前的项目。我在下面分享我的代码。src >路由> Home >
浏览 0提问于2021-08-04得票数 0
3回答
我在Matlab GUI (linux)上遇到了这个问题，已经困扰我一年多了，但我仍然没有找到解决方案。截图：谢谢!
浏览 2提问于2015-04-17得票数 1
9回答
Xcode不会自动创建桥接头吗？
、、、、
我将一个Obj文件导入到我的快速项目中，Xcode自动提示我按照预期创建一个桥接头文件。但是，我删除了这两个文件(移到回收站)来进行一些更改，但是当我再次导入Obj文件时，提示就不会出现了。原因何在？我甚至在另一个项目中测试了同样的场景，似乎一旦我删除了Xcode的自动创建的桥接头，它就不会再次启动提示。为什么会这样呢？
浏览 0提问于2015-07-30得票数 75
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
