Part 12-7. 리액트 살펴보기(리스트와 Key)
Javascript에서 리스트를 변환하는 법 아래는 map() 함수를 이용해 numbers 배열의 값을 두배로 만든 후 map()에서 반환하는 새 배열을 doubled 변수에 할당하고 로그를 확인하는 코드입니다. 리액트에서 배열을 엘리먼트 리스트로 만드는 방식은 이와 거의 동일합니다. 여러 개의 컴포넌트 렌더링 하기 엘리먼트 모음을 만들고 중괄호 {}를 이용해 JSX에 포함시킬 수 있습니다. Javascript map() 함수를 사용해 numbers 배열을 반복 실행합니다. 각 항목에 대해 엘리먼트를 반환하고 엘리먼트 배열의 결과를 listItems에 저장합니다. 이후 listItems 배열을 엘리먼트 안에 포함한 후 DOM을 렌더링 합니다. 기본 리스트 컴포넌트 일반적으로 컴포넌트 안에서 리스트를 렌더..
Today Learning _
2020. 3. 19.