[React.js] useEffect안에 setstate 사용 시 무한루프 문제 도움이 필요합니다

Question

현재 해당 코드에서 axios로 데이터를 get해서 get 해온 데이터를 setstate에 담아담겨진 state를 컴포넌트에서 활용하고 있습니다.userList에서 axios로 get해온 데이터가 바뀔 때 마다 최신 데이터를 담고싶어서useEffect의 dependency에 axiosInstancd와 useState값을 넣고 했더니 무한루프가 걸리는데무한 루프가 걸리지 않고 useState에 최신데이터를 유지할 수 있는 방법을 알려주실 수 있을까요 ...?*response.data는 객체안에 배열이 있는 형태입니다몇시간째 헤매고 있어서 도움 좀 부탁드리겠습니다 ㅠㅠ 추가적으로 useEffect의 dependency에 React Hook useEffect has a missing dependency: 'axiosInstance'. Either include it or remove the dependency array 이런 메시지가 뜨고있고axiosInstance는 axios interceptor를 custom hook으로 사용하고있고해당 custom hook에 대한 코드도 추가로 첨부하겠습니다

Lanku · Accepted Answer

userList를 디펜던시에 넣어 보시겠어요?

JayGHoon · Answer

구조 자체가 잘못되었네요 get 해온 데이터가 바뀔때마다 업데이트 한다고 했는데 get을 해오는 시점이 한순간뿐이고, get해온 데이터가 바뀔때마다 get을해오니 물리고 물리는거죠 하위 컴포넌트를 만들고 하위 컴포넌트는 받아온 데이터 그대로 뿌리는거고 get으로 언제 업데이트 할지부터 정해야죠 버튼을 누를건지,

[React.js] useEffect안에 setstate 사용 시 무한루프 문제 도움이 필요합니다

2개의 답변

기술 목록