Ahooks如何实现React组件的复用？

本文共计1484个文字，预计阅读时间需要6分钟。

目录+简介+实现原理+具体实现+思考总结+简介+提供虚拟化列表性能的Hook，用于解决展示海量数据时首屏渲染缓慢和滚动卡顿问题。详情可见官网，文章源代码可点击此处查看。

目录

• 简介
• 实现原理
• 具体实现
• 思考总结

简介

提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题。

详情可见官网，文章源代码可以点击这里。

实现原理

其实现原理监听外部容器的 scroll 事件以及其 size 发生变化的时候，触发计算逻辑算出内部容器的高度和 marginTop 值。