react长列表怎么设计上拉加载

Question

最近负责的页面需要一个回退刷新可以重新定位到之前查看位置的问题，但是数据请求是分页的，也就是如果我刚才加载了10页数据，为了性能以及不一次发起10次请求把后端拉崩掉，下次回退就应该只渲染第10页，然后下拉加载第11页，上拉加载第9页，请问目前有没有开源的列表有类似解决方案的，我想参考一下，一个人写感觉很复杂，没什么思路，谢谢各位大神了

Answer 1

一般来说，实现一个需求可以分为两个阶段：1.设计出具体的实现步骤，2.写代码实现设计出来的步骤。
当写代码遇到麻烦时，不要太纠结2，应当回到1，大部分的问题都能在设计的层面解决掉.
针对你这个问题，对你来说，实现上拉加载很困难，那就不实现这个功能吧，其实你需要的是缓存，把之前的加载数据和位置存下来就行了。

Answer 2

上拉刷新我是用react-infinite-scroller来实现的，链接有例子。

不过你说的问题跟我的类似，参考一下。react 页面后退时数据还原

Answer 3

可以把页数存在store里，等回退的时候去加载数据。