react-load-more-hook
Version:
This is a react hook to help you implement infinite scroll or load more feature on scroll to bottom of a page or element.
3 lines (2 loc) • 639 B
JavaScript
/*! react-load-more-hook last updated: 2019-05-15 */
;define(["require","exports","react"],function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.useLoadMore=function(e,t){var n=r.useState(!1),o=n[0],u=n[1];return r.useEffect(function(){var e=function(r){return function(){var e=r.current,t=document.documentElement,n=document.body;window.innerHeight+t.scrollTop<(e?e.scrollHeight:n.offsetHeight)||o||u(!0)}}(t);return window.addEventListener("scroll",e,{passive:!0}),function(){return window.removeEventListener("scroll",e)}},[]),r.useEffect(function(){o&&e()},[o]),[o,u]},t.default={useLoadMore:t.useLoadMore}});