Is there a way to reset the current page?

Adding this issue because it was asked to me directly.

If you’re filtering items, and the data needs to be completely changed, the page needs to be reset back to pageStart.

One solution is adding a method to the component: https://github.com/guillaumervls/react-infinite-scroll/pull/29

But really, if you need your own pagination methods, you should handle it in the state of your own component and ignore the pageToLoad parameter that you’re given.

[rmariuzzo]

@LorisTujiba found a work around that worked for me. Basically, add key property to any element that wrap the react-infinite-scroller and update that key to a different value, and this will cause the whole element to be recreated.

More details: https://stackoverflow.com/a/21750576/439427

[kalombos]

I’ve just added the ref to the InfiniteScroll: <InfiniteScroll ref={(scroll) => { this.scroll = scroll; }} />

And reset the current page when i needed it: this.scroll.pageLoaded = 0 Working for me. I am not sure but maybe all is needed just to add reset function to component from the PR above https://github.com/guillaumervls/react-infinite-scroll/pull/29/files#diff-daf041c271b89525b1dde05048d6383dR44

I can create PR but i don’t know is it the best solution or not.