[react] useEffect 안에 useState

에러내용

useEffect안에서 useState를 쓰면 무한 루프에 빠진다 !

 

어떻게?

useEffect(() => {
    ProblemApi.get("/problem/wjdtj9656").then((temp) => {
      setItem(temp);
      console.log(temp);
    });
  }, [item]);

(temp)를 계속 출력함.

 

해결법

1.[item] 부분을 []로 바꿔줘서 최초 한번만 useEffect가 실행되게 한다.

or

2.setState()를 밖으로 뺀다.

 

왜?

setState를 useEffect안에 넣으면  item이 계속 변경되기 때문에 useEffect가 계속 실행되던 거였다.