map
-
[React] TypeError: Array.map is not a functionReact 2022. 6. 14. 14:17
TypeError: Array.map is not a function 문제 데이터 배열을 받아 map 함수로 데이터 목록을 출력하도록 하였다. 잘 동작하는 듯 하다가 특정 상황에서 해당 오류가 발생하였다. 분석 map 함수는 배열에만 동작한다. 이 오류는 해당 데이터가 배열이 아니기 때문에 나는 오류이다. 데이터를 받아오는 코드를 작성할 때도 이 사실에 주의하여 배열로 받아오겠끔 하였다. 그런데 왜 특정 경우에 이런 오류가 나는지 고민했다. 그 이유는 바로 데이터를 받는 상태의 초기값 때문이었다. 해당 프로젝트에서 상태 관리 라이브러리인 리덕스를 사용했다. 바로 데이터를 받아오는 상태의 initialState를 {}로 할당하였기 때문이었다. 해결 해당 상태의 initialState를 []로 할당하였다.