728x90 반응형 Map2 [REACT/JavaScript] map() map() JavaScript의 표준 내장 객체 Array의 메소드 prototype.map()이다. 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. 형식 arr.map(callback(currentValue[, index[, array]])[, thisArg]) Ex01. import { useState } from "react"; const IterationSample = () => { const names = ['눈사람', '호빵', '눈', '바람']; const nameList = names.map( (currentValue, index, array) => currentValue={currentValue} index={index} array={arr.. 2022. 12. 8. [REACT] list 추가, 삭제 - map, concat, filter Ex.01. HTML을 사용한 list출력 const IterationSample = () => { return ( 눈사람 호빵 눈 바람 ) } export default IterationSample; Ex02. map을 이용한 list 출력 보다 간편한 출력이 가능하다. const IterationSample = () => { const names = ['눈사람', '호빵', '눈', '바람']; const nameList = names.map((name)=>{name}); return ( {nameList} ) } export default IterationSample; Ex03. Concat을 사용한 list추가 import { useState } from "react"; const Iteratio.. 2022. 12. 8. 이전 1 다음 728x90 반응형
