본문 바로가기

Code/react

useLayoutEffect 사용

kentcdodds.com/blog/useeffect-vs-uselayouteffect

 

useEffect vs useLayoutEffect

The simple rules for when to use each.

kentcdodds.com

 스크롤 문제때문에 useLayoutEffect를 사용함

 

근데

  useLayoutEffect(() => {
    window.scrollTo(0, 0);
  }, []);

 

이게 만약 checkbox 클릭할때마다 또 렌더되니깐 계속 실행된다.

그래서 빈 리스트를 넣어줘야 초기 한번만 실행된다.