새로고침시 데이터에 undefined가 들어온다면

문제

• react-query 를 사용해서 get 요청한 데이터를 map함수를 돌려서 목록을 보여주었다.
  • console.log 를 찍어보면 이렇게 undefined 가 나온다.그러나 새로고침시 데이터가 undefined 로 나와서 에러가 발생했다.

원인

• 처음 undefined된 값을 받아서 맵함수를 돌리니 당연히 목록이 나오지 않는것이다.

해결

1. useEffect 를 활용한다.
2. data 의 값이 바뀔때마다 useEffect 실행 → 처음에 undefined 를 받더라도 잠시후 값들이 들어오기 떄문에 데이터를 잘 활용할 수있다.