infine scroll in react

Question

    const InfiScroll = ({items}) => {
        items.map((item) => <Item item=item key={item.key}>
    )}

我有一个如上所示的组件，从商店获取items并填充某些事件，如窗口滚动等。

每次将新项目添加到items时，地图将在项目数组上执行，并且只负责更新新项目。

有没有办法不迭代所有items，只是找到新项目并为新项目添加创建组件。

Answer 1

如果你有一个包含很多项目的列表（你的组件的名称是InfinityScroll），我会检查这个https://github.com/bvaughn/react-virtualized，虚拟化列表的性能要好得多，而不是数千个DOM元素