728x90
Key
-
리액트 주요개념 - 리스트와 keyIT/리액트 2022. 1. 16. 01:22
여러개의 컴포넌트 렌더링하기 엘리먼트 모음을 만들고 중괄호를 이용해 JSX에 포함시킬 수 있습니다. const numbers = [1,2,3,4,5]; const listItems = numbers.map((number) => {number} ); map() 함수를 사용해 numbers 배열을 반복 실행하면서 각 항목을 엘리먼트로 반환하고 listItem에 저장합니다. function ListAndKey() { return ( {listItems} ) } listItem 배열을 엘리먼트 안에 포함하여 반환합니다. (저는 새로운 .js 파일을 생성하고 index.js 에서 호출하는 방식으로 코드를 작성했습니다.) 기본 리스트 컴포넌트 일반적으로 리스트 렌더링은 컴포넌트 안에서 이루어집니다. 위의 코드를 리..