有没有优化大列表数组的方法？

Question

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

​

​

当我减少行时，它很好，但是一个月至少包含28天，我必须运行它28次，每次36框按地图创建时，我希望它在我选择框时是快速的。

Answer 1

有没有优化大列表数组的方法？

您可以实现react-virtualized --因此用户当前不可见的元素(在视口之外)将不会呈现--我从我自己的经验中知道，它工作得很好，差别非常明显。

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

此外，您还可以将每个复选框视为单独的组件，并将其包装为React.memo，这样，只有当道具发生更改时，它才会重新呈现。记住用React.useCallback包装传递给它的所有函数。