cat.map 만들때 질문이요
206
작성한 질문수 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} />) 로 해도 되는거예요~ ㅎㅎ
API 적용 안되는 코드 수정 방법입니다.
0
85
1
고양이 이미지가 엑박이 뜨네요
0
65
1
npx 명령어 사용 불가
1
86
1
const 변수와 컴포넌트의 차이
0
94
1
강의노트
0
146
1
vite로 리액트 빌드한 후 깃허브에 배포하는 방법
0
340
1
빌드할때 dist 폴더가 만들어지는데요,
0
798
1
js파일 업로드 요청
0
139
1
변경된 api 사용시 text 안나오는 문제
0
151
1
메인글자수정...
1
283
3
디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?
1
315
1
https://cataas.com/undefined 로 나오는데 왜그런건가요?
1
609
4
고양이 사진이 깨져요.ㅜㅜ
2
363
3
강의 노트 위치를 모르겠습니다
1
347
1
깃 강의노트 어디서 볼 수 있나요?
1
382
2
이해가 안되는 부분이 있어요
1
366
1
api가 안불러와지네요...
1
671
4
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ
1
338
2
react에서 컴포넌트 만들 때 대문자를 쓰는 이유
2
1162
2
https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ
1
336
2
index.js 내용이 바꼈네용
1
321
2
프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.
1
263
2
html 코드 오류
1
465
2
고양이 이미지 깨져요
1
343
2