/Javascript/React/React load after scrolling

React load after scrolling

componentWillMount(){
  window.addEventListener('scroll', this.loadMore);
}

componentWillUnmount(){
    window.removeEventListener('scroll', this.loadMore);
}

loadMore(){
    if (window.innerHeight + document.documentElement.scrollTop === document.scrollingElement.scrollHeight) {
        // Do load more content here!
    }
}

Source: stackoverflow.com

Similar codes

-1 vote293 views1 answer
Array.filter react
Javascript React
0 vote332 views1 answer
React nativ export default
Javascript React
0 vote348 views1 answer
Preventdefault not working react
Javascript React
0 vote295 views1 answer
Dark mode with react hooks
Javascript React
0 vote291 views1 answer
Use es6 arrow function in react
Javascript React
2 votes303 views1 answer
If back react
Javascript React
0 vote287 views1 answer
React-metismenu-router-link
Javascript React
0 vote313 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote327 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
0 vote293 views1 answer
Usenavigate react router dom v6
Javascript React