【问题标题】:Is there any way optimize large list array?有没有办法优化大列表数组?
【发布时间】:2022-11-12 15:47:50
【问题描述】:

我正在尝试构建自定义约会日历,数组 28 天(28 行)每行 36 个项目数组然后我正在做地图渲染.. 每次运行 1 天 = 36 个项目(框)意味着 1008 次组件渲染.. 现在当我尝试选择一个框时,更新需要很长时间,因为它再次渲染了 1008 次,请在这方面需要帮助。

当我减少行时它工作得很好但是一个月至少包含 28 天我必须运行它 28 次并且每次由地图创建 36 个框时,我希望它在我选择框时快速

【问题讨论】:

    标签: reactjs arrays react-native listview react-native-maps


    【解决方案1】:

    有没有办法优化大列表数组?

    您可以实现react-virtualized - 因此用户当前不可见的元素(不在视口之外)将不会被渲染 - 我从我自己的经验中知道这很好用并且差异非常明显。

    https://www.npmjs.com/package/react-virtualized

    你也可以对待每一个复选框作为一个单独的组件并用React.memo 包装它,因此只有在道具发生变化时才会重新渲染。请记住使用React.useCallback 包装传递给它的所有函数。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-03-07
      • 1970-01-01
      • 2020-12-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-05-29
      • 1970-01-01
      相关资源
      最近更新 更多