React-Redux从api获取数据,搜索和延迟加载

时间:2018-12-28 15:39:52

标签: reactjs redux react-redux

我有一个默认情况下呈现的数据列表(20个项目),具有惰性加载功能(分页),可以在用户滚动到某个位置时加载更多数据。

现在我需要从api本身实现搜索功能,我的问题是:

最初我有20个项目,当用户进行搜索时,他们将基于搜索词获得另外20个项目(将替换旧集合),并且在滚动时,他们将基于搜索词从列表中获得第2页。

那么,当我需要将旧数据与新批处理连接起来或用新数据替换旧数据集时,这里的最佳实践是什么。

我的问题是更具体系结构的,任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

因为后端要搜索分页器,所以您只会在该页面(位集合)中用新信息重新渲染组件,换句话说,如果您具有服务后端分页,则渲染“项目组件”,如果您搜索集合(JavaScript数组)在浏览器中,使用“集合/列表组件”(地图),您可以使用convert进行属性更改