reactjs - 在反应中渲染卡片网格时屏幕闪烁/卡顿
问题描述
我有一个eCommerce
网站,其中有产品卡显示在网格中。我正在使用react-semantic-ui
网格和卡片。即使卡片很少,例如:5-6 如果我滚动得太快,屏幕会闪烁并变慢。组件消失了,当我停止滚动时,它们会重新出现,但有明显的滞后。这在手机上更为明显。
有问题的页面在这里
我试过了react-window
,react-virtualized
他们似乎没有做太多事情,而且使整个事情变得过于复杂。我能做些什么来解决这个问题?
解决方案
推荐阅读
- reactjs - 在 reactjs 应用程序中的简单过滤器 ag-grid 中遇到问题
- google-sheets - 如何将 googlesheet 复选框添加到 google sheet 工具栏
- c++ - 匹配整个单词的增强正则表达式不起作用
- google-sheets-api - 您可以自定义/更改 Google 表格的电子表格 ID 吗?
- python - Odoo - 使用5和3命令时写入方法会导致内存泄漏吗?
- c++ - 为什么我的编译器不支持 C++ 中的“auto”关键字?
- c++ - 如何通过 traci 获取相扑中所有当前生成的车辆
- javascript - 如何获取多个div中的所有数组元素值
- javascript - 使用复选框选中/取消选中显示/隐藏元素
- stm32f4 - STM32F411 USART2数据丢失