컴포넌트를 배열에 넣어서 map함수 사용

강인호·2022년 8월 25일
0

오류 해결

목록 보기
6/23


에어비앤비 클론코딩을 진행하면서 해당 카테고리바를 만들어야 할 일이 생겼고 svg파일로 받아와서 컴포넌트 형식으로
import 해왔다.

그런데 한가지 문제가 생겼는데 반복되는 구조의 유형을 map함수를 사용해서 코드를 축약하고 싶었는데
어떠한 인자가 아닌 특정 컴포넌트를 map으로 돌리는 부분에서 막혔고
텍스트 배열을 만든후 태그안에 식별자로 넣어보는등의 시도를 했으나 되지않았고,
고민끝에 한번 배열안에 컴포넌트를 넣어서 컴포넌트자체를 맵의 아이템으로 리턴해보는건 어떨까라고 생각이 들어서

다음과같이 컴포넌트들을 순서대로 채운 배열을 만들고 해당 컴포넌트가 들어갈 자리에 item으로 넣어줬더니 정상적으로
맵함수가 돌아갔다.
컴포넌트자체가 배열의 인자로 들어갈수 있다는 점을 알게되었다.

0개의 댓글