cat.map 만들때 질문이요

Question

const cats=[CAT1,CAT2,CAT3];

)}

여기서 {cats.map(cat => )}부분에 cats의 map에서 리턴할 부분이 이거라는건 알겠는데 갑자기 cat이 왜 나온거에요 cat 이 의미하는 게 뭐예요?

Answer

이는 JavaScript의 map 문법을 이해하시면 됩니다.

위 문서 보면 금방 감 잡으실거예요~

강의에서는 다음과 같은 코드로 map문법을 설명했었던거같은데요,

['🐶', '🐵', '🐱'].map(animal => animal + '💖') // ['🐶💖', '🐵💖', '🐱💖']

map을 통해 배열의 요소를 접근할 수 있고, 이는 map에 들어가는 함수의 첫번째 인자로 내려옵니다.

그 인자의 이름은 우리가 마음대로 지어줄 수 있는거죠.

.map(animal => <CatItem img={animal} />) 로 해도 되고

.map(x => <CatItem img={x} />) 로 해도 되는거예요~ ㅎㅎ