react-lazyloading:React Lazy Loading - 使用 Intersection Observer ...

React惰性负载 React Lazy Loading - 很容易与 React 集成到 Lazyload 组件、图像等。它会监视元素并告诉您元素何时进入视口。 这样可以在视口中的组件和初始加载减少时执行任何操作。 实现“无限滚动”网站，在您滚动时加载和呈现越来越多的内容，这样用户就不必翻阅页面。 内部使用的 :collision: :collision: :collision: 多选下拉菜单的React库。 :collision: :collision: :collision: 特征 :headphone: 钩子或组件- 使用useVisibilityHook可以更轻松地监视元素和执行任何操作。 :fire: 性能- 没有用于滚动、调整大小等的多个侦听器。 :flashlight: 捆绑包- 重量轻，~3.5kb :wrapped_gift: 功能- forceVisible ， forceCheck手动执行操作。 :collision: 内存优化- 一旦组件到达视口/卸载，观察者将断开连接 安装 React Lazy Load 需要 React v16.