useEffect 무한로딩

LEE JI YOUNG·2022년 2월 26일

React

목록 보기
11/19

useEffect({실행내용},[값1])
'값1'이 바뀔때마다 useEffect 실행내용이 실행된다.

  • '값1'에 상태값이 들어갈때 set값1 을 했을때 값이 같다면 실행내용이 실행되지 않는다. 즉 setState됐다고 무조건 실행내용이 실행되는 것이 아닌 setState값이 이전 값과 다를 때만 실행된다.

  • 페이지 시작시 요청을 보내면 state값이 바뀔때 리로딩이 되고 그럼 또 요청을 보내고 state값이 바뀌어서 또 리로딩이 되고 .. 무한 반복이다. 이럴때는 useEffect로 useEffect({요청}, []) 이렇게 하면 처음 페이지 로딩 될때만 요청이 된다.

  • useEffect을 쓸때 [] 안의 값을 요청을 보내면 좋을 때를 넣어주면 활용도가 좋다.
    ex) 카테고리, 페이지별로 리스트를 다시 요청할때 :: [categoryData]

profile
프론트엔드 개발자

0개의 댓글