포시코딩

[진행중] useNavigate(), useEffect(), 무한 Uncaught 발생 관련 본문

React

[진행중] useNavigate(), useEffect(), 무한 Uncaught 발생 관련

포시 2022. 7. 19. 19:36
728x90

상단 목록이 모여있는 Navs.js 파일에서

사용하지 않는 

let navigate = useNavigate();

코드가 있는거 때문에 useEffect() 안에서 사용해달라는 제일 위 노란 바탕의 경고가 떠있는 상태로 

작업을 진행중이었다.

간단한 코드수정 후 react 의 자동 재렌더링이 되고나니 갑자기

이런 에러가 무한으로 발생하였다. 

당장은 useNavigate() 가 Navs.js 에서 사용하지 않는 코드라 제거 후 작업중인 상태다. 

추후 Navs.js 이기 때문에 무조건 사용할 날이 올거니깐 그 때 제대로 해결방법을 확인할 생각

 

 

내 생각엔 useEffect() 를 통해 렌더링이 이루어진 후 진행되어야될 상황이

코드 수정으로 인한 재렌더링이 되고, 되는 와중에 뭔가 진행되어 꼬여버린 케이스가 아닐까싶다. 

위 warning 이 지금 같은 상황이 일어날 수 있다는 얘기가 아닐까

728x90

'React' 카테고리의 다른 글

Loading Spinner 만들기  (0) 2023.03.03
[object Object] 문제 해결  (0) 2022.12.03
CRA (create-react-app) dotenv  (0) 2022.07.21
[해결] axios GET 요청 파라미터 오류  (0) 2022.07.19
이미지 경로 사이에 값 넣기  (0) 2022.07.05