JS array in JSX
function Favorites({ favorites }) {
return (
<ul className="favorites">
{favorites.map((cat) => (
<CatItem img={cat} key={cat} />
))}
</ul>
);
}map에 의해서 최종적으로 하나의 array가 return 됐을텐데말이죠..
JS에서의 모양 그대로인 array도 문제없이 화면에 나오네요?
개발자도구를 켜보니 자동으로 각 element가 li 태그에 감싸서 보여지는데
JSX가 담긴 js array를 JSX 안에 삽입하기만 하면 항상 자동으로 다 이루어지는것인가요?
아님 ul태그 안에서만 작동한다거나.. 무슨 조건이 있는 것인가요?
답변 1
API 적용 안되는 코드 수정 방법입니다.
0
100
1
고양이 이미지가 엑박이 뜨네요
0
81
1
npx 명령어 사용 불가
1
94
1
const 변수와 컴포넌트의 차이
0
106
1
강의노트
0
161
1
vite로 리액트 빌드한 후 깃허브에 배포하는 방법
0
362
1
빌드할때 dist 폴더가 만들어지는데요,
0
834
1
js파일 업로드 요청
0
149
1
변경된 api 사용시 text 안나오는 문제
0
168
1
메인글자수정...
1
298
3
디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?
1
332
1
https://cataas.com/undefined 로 나오는데 왜그런건가요?
1
624
4
고양이 사진이 깨져요.ㅜㅜ
2
384
3
강의 노트 위치를 모르겠습니다
1
355
1
깃 강의노트 어디서 볼 수 있나요?
1
396
2
이해가 안되는 부분이 있어요
1
376
1
api가 안불러와지네요...
1
689
4
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ
1
358
2
react에서 컴포넌트 만들 때 대문자를 쓰는 이유
2
1184
2
https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ
1
350
2
index.js 내용이 바꼈네용
1
328
2
프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.
1
270
2
html 코드 오류
1
476
2
고양이 이미지 깨져요
1
357
2