我有一个反应组件Data其中包括几个图表组件；BarChart LineChart ...etc.
When Data组件开始渲染，需要一段时间才能从API接收到每个图表所需的数据，然后开始响应并渲染所有图表组件。
我需要的是开始渲染每个图表only当我向下滚动并到达页面上时。
有什么方法可以帮助我实现这一目标吗？
您至少有三种选择：
跟踪组件是否在视口中（对用户可见）。然后渲染它。你可以使用这个HOChttps://github.com/roderickhsiao/react-in-viewport https://github.com/roderickhsiao/react-in-viewport
显式跟踪“y”滚动位置https://react-fns.netlify.com/docs/en/api.html#scroll https://react-fns.netlify.com/docs/en/api.html#scroll
使用 Intersection Observer API 编写您自己的 HOChttps://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
要渲染组件，您可能需要另一个 HOC，它将根据它收到的 props 返回 Chart 组件或“null”。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
