How to load content on scroll in React/Redux?

Question

React

How to load content on scroll with React/Redux? There is an action with loading cards from the API, it has arguments with limit, skip, but how to attach scroll to this, how will it understand that it is scrolled to the bottom of the page and is it time to make a new request for the next cards in the list? Maybe there are packages that make life easier with this?

Answer 1

try it

$(window).on('scroll', function(){
    if( $(window).scrollTop() > $(document).height() - $(window).height() ) {
        //вызов апи
    }
}).scroll();

Only I think that it will be necessary to add eventListener to compontWillMount. And it is better to look for something already ready. https://cassetterocks.github.io/react-infinite-scr... here is a very good option. Easily integrated and understandable scroller. it has a lot of variations.