我有一个基于“经典”光标的项目分页。
我必须对这个项目做两件事:
当组件挂载时获取此列表的所有项目
按下按钮时重新获取所有列表
使用react-apollo第一点我的解决方案是:
使用Query组件加载第一个数据集
最后提取的数据集被加载时,我得到了endCursor来自其
使用endCursor和fetchMore(来自Query渲染道具)加载下一个数据集(传递variables和updateQuery到fetchMore函数)
如果有更多结果循环到#2
对于第二种解决方案:
我正在使用refetch(来自Query渲染道具)用新数据重新加载商店的一部分
使用第一个解决方案(使用loadMore函数)的相同循环来获取其他结果
所有这些实现都不是那么容易编写/维护/重用,所以我的问题是:
我错过了什么吗?这种情况有更好的解决方案吗?