DEV Community

Discussion on: React infinite scroll in few lines

View post

Replies for: Here is a cleaner version of the code above that compliance with Eslint. There is a problem with the code . It'll add infinite number of elements w...

Collapse
 
raibtoffoletto profile image
Raí B. Toffoletto •

Be carefull... that postList.list as dependencies will make your component enter an infinite loop of rerenders. It is better to access this property via an arrow function.

  useEffect(() => {
    setPostList((x) => ({
      list: x.concat([1, 1, 1, 1]),
    }))
  }, [page])
Enter fullscreen mode Exit fullscreen mode

Also, handleObserver is better to be insde the useEffect function and you should clear (observer.unobserve) the listener on a callback funtion. ;)