목록리액트반복문 (1)

새벽코딩

[React] Map 함수를 이용한 반복문 사용

똑같은 html 이 반복적으로 출현하면, 반복문을 이용해서 코드를 간단하게 만들 수 있다. 단, 흔히 사용하는 for 반복문은 JSX 중괄호 안에서 사용할 수 없어서 map() 함수를 대신 사용한다. -. 자바스크립트 map 함수 쓰는법 모든 array 자료 우측에 map() 함수를 붙일 수 있다. 1) array 자료 갯수만큼 함수안의 코드를 실행해준다. [1,2,3].map(function(){ console.log(1) }) 위에 array에는 3개의 자료가 들어있다. (1, 2, 3) 그래서 console.log(1) 에 의해서, 1이 세번 출력이 된다. 2) 함수의 파라미터는 array안에 있던 자료를 하나씩 불러온다. [1,2,3].map(function(element){ console.log..
Programming/React 2023. 1. 8. 16:28
이전 Prev 1 Next 다음