Javascript 如何使用ReactJS实现延迟加载特性(append-child不适用于React)?

Javascript 如何使用ReactJS实现延迟加载特性(append-child不适用于React)?,javascript,lazy-loading,reactjs,Javascript,Lazy Loading,Reactjs,我使用的是ReactJS,我有一个使用ul li制作的简单列表。我试图在这里实现延迟加载特性,但是我被React不提供任何附加方法的事实所困扰。因此,一旦向下滚动,我无法将列表中的新项目集附加到现有项目集。我不想在包含新项目集的情况下再次重新呈现整个列表。请提供帮助。React不会在每次渲染调用时重新渲染DOM,它将计算其虚拟DOM中的差异并相应更新 因此,如果您在滚动后基于某个状态f.ex从渲染函数返回更多项,React将自动将新项附加到DOM中。React就是要重新渲染所有内容。这听起来像是

我使用的是ReactJS,我有一个使用ul li制作的简单列表。我试图在这里实现延迟加载特性,但是我被React不提供任何附加方法的事实所困扰。因此,一旦向下滚动,我无法将列表中的新项目集附加到现有项目集。我不想在包含新项目集的情况下再次重新呈现整个列表。请提供帮助。

React不会在每次渲染调用时重新渲染DOM,它将计算其虚拟DOM中的差异并相应更新


因此,如果您在滚动后基于某个状态f.ex从渲染函数返回更多项,React将自动将新项附加到DOM中。

React就是要重新渲染所有内容。这听起来像是浪费,但效果非常好。目标是不要让您考虑是否要追加。您有这些列表项,您有这个滚动位置,因此您有这个表示。