리액트에서 리덕스를 통해 상태를 업데이트 하면 경고(cannot update a component)가 뜨는 문제

Question

반갑습니다. 회사가 개발자를 충원하지 않는 덕에 계획에도 없던 프론트까지 하고 있는 직장인입니다...다름이 아니라 react 사용 중 뜨는 경고에 대해 선배님들께 조언을 구하고자 글을 작성하게 되었습니다.제가 구현하고자 한 것은 다음과 같습니다.로그인 시 서버에서 jwt를 가져와 redux로 정보를 저장 해당 jwt에서 exp를 가져와 타이머를 구성하여 남은 로그인 시간을 알려줌로그인 시간이 다 소진되기 10초 전, 혹은 사용자가 로그인 연장 버튼을 눌렀을 때 다시 서버에서 jwt를 가져와 redux 업데이트그런데 여기서 dispatch를 통해 로그인 정보를 갱신하는 순간 cannot update a component while rendering a different component 라는 경고가 뜹니다.이리저리 찾아보니 setState를 통해 정보를 바꾸거나 하여 리랜더링이 일어나는 순간에는 상태를 변경할 수 없다는 것 같은데, 어떻게 해결해야 할지 모르겠습니다.제가 구현한 타이머는 useEffect를 통해 들어오는 순간부터 setInterval이 걸려 작동하게 됩니다. 그리고 이 useEffect는 매개변수로 로그인 정보(jwt)에서 추출한 exp를 갖고 있기 때문에, 서버와 통신 후 jwt를 가져오면 setState를 통해 해당 변수가 바뀌게 되어 setInterval로 작동하는 타이머도 갱신됩니다.코드는 아래와 같습니다.// 로그인 리프래시 버튼이 달린 타이머 기능을 하는 컴포넌트로 제작하여 어느 페이지에서든 쓸 수 있도록 함이 목적입니다.선배님들께 배움을 구할 수 있었으면 좋겠습니다.감사합니다.

리액트에서 리덕스를 통해 상태를 업데이트 하면 경고(cannot update a component)가 뜨는 문제

0개의 답변

기술 목록