인프런 커뮤니티 질문&답변

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태그 안에서만 작동한다거나.. 무슨 조건이 있는 것인가요?