[React] TypeError: Array.map is not a function

 

TypeError:  Array.map is not a function

 

문제

데이터 배열을 받아 map 함수로 데이터 목록을 출력하도록 하였다.

잘 동작하는 듯 하다가 특정 상황에서 해당 오류가 발생하였다.

 

분석

map 함수는 배열에만 동작한다. 

이 오류는 해당 데이터가 배열이 아니기 때문에 나는 오류이다.

데이터를 받아오는 코드를 작성할 때도 이 사실에 주의하여 배열로 받아오겠끔 하였다.

그런데 왜 특정 경우에 이런 오류가 나는지 고민했다.

 

그 이유는 바로 데이터를 받는 상태의 초기값 때문이었다.

해당 프로젝트에서 상태 관리 라이브러리인 리덕스를 사용했다.

바로 데이터를 받아오는 상태의 initialState를 {}로 할당하였기 때문이었다.

 

해결

해당 상태의 initialState를 []로 할당하였다.