map1 리액트 배열형 자료의 랜더링 배열형 자료의 원소를 나열하기 위해서 map()을 이용할 수 있습니다. 마치 Java의 향상된 for문과 같이 사용하여 배열의 원소 객체의 네이밍을 지정하여 사용합니다. {users.map(user=>( ))} users라는 자료형의 원소 객체를 user라 지칭하고, 이를 User 컴포넌트에 user에 전달하였습니다. key는 리액트에서 나열할 떄 사용되는 식별키 속성이며 지정해줘야 하는데, 만약 마땅히 식별키로 지정할만한 데이터가 없다면, 2번째 파라미터인 idx를 사용할 수 있습니다. {users.map((user,idx)=>( ))} 리스트 컴포넌트 import React from "react"; //User 컴포넌트, user의 내용을 출력한다. function User({user}){ retur.. 2022. 5. 11. 이전 1 다음 반응형