2021.02.18 / React - Component Mapping

Component Mapping

map()

파라미터로 전달 된 함수를 통하여 배열 내의 각 요소를 처리해서 그 결과로 새로운 배열을 생성한다.

 

arr.map(callback, [thisArg])

• callback - 새로운 배열의 요소를 생성하는 함수로서, 다음 셍가지 인수를 가진다.
  •  currentValue - 현재 처리되고 있는 요소
  •  index - 현재 처리되고 있는 요소의 index 값
  •  array 메소드가 불려진 배열
• thisArg(선택항목) callback함수 내부에서 사용할 this 값을 설정

 

ES6 Syntax

arrow function (...) => {...}

let numbers = [1, 2, 3, 4, 5];

let result = numbers.map((num) => {
	return num*numl;
});

 

See the Pen React Component Mapping by 김혜지 (@hjyee) on CodePen.

 

 

 

참고

- www.youtube.com/watch?v=x3rhCJWGFc4&list=PL9FpF_z-xR_GMujql3S_XGV2SpdfDBkeC&index=8