인프런 커뮤니티 질문&답변
작성한 질문수
cat.map 만들때 질문이요
작성
·
205
1
const cats=[CAT1,CAT2,CAT3];
<ul className="favorites">
{cats.map(cat => <CatItem img={cat} />)}
</ul>
여기서 {cats.map(cat => <CatItem img={cat} />)}부분에
cats의 map에서 리턴할 부분이 <CatItem img={cat} /> 이거라는건 알겠는데 갑자기 cat이 왜 나온거에요
cat 이 의미하는 게 뭐예요?
답변 1
3
진유림
지식공유자
이는 JavaScript의 map 문법을 이해하시면 됩니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map
위 문서 보면 금방 감 잡으실거예요~
강의에서는 다음과 같은 코드로 map문법을 설명했었던거같은데요,
['🐶', '🐵', '🐱'].map(animal => animal + '💖') // ['🐶💖', '🐵💖', '🐱💖']
map을 통해 배열의 요소를 접근할 수 있고, 이는 map에 들어가는 함수의 첫번째 인자로 내려옵니다.
그 인자의 이름은 우리가 마음대로 지어줄 수 있는거죠.
.map(animal => <CatItem img={animal} />) 로 해도 되고
.map(x => <CatItem img={x} />) 로 해도 되는거예요~ ㅎㅎ