Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- javascript 기초
- spring builder
- javascript 함수
- Spring Controller return
- springbatch
- 코드 중복제거
- Javascript
- javascrpit 기초
- react forwardRef
- react Quill
- spring security
- react Page
- spring
- JPA Update\
- react link
- SpringBatch 스키마
- 텍스트가 많은 경우
- editor Quill
- Docker Windows 설치
- Spring JPA
- react react-router-dom v6
- springbatch chunk
- JPA Insert
- Spring Entity
- react quill custom
- Spring CORS
- react
- Spring DTO
- step 테이블
- react jsx if
Archives
- Today
- Total
목록react for (1)
천천히 알아보는 코딩공부
[React] jsx 반복문 / for 반복문
리액트에서는 html을 반복문으로 반복시킬 수 있다. map() 함수 개념 array 내의 모든 데이터에 똑같은 작업을 시켜주고 싶을 때 사용. //자바스크립트 표현 var arr = [2, 3, 4]; arr.map(function(a){ return a * 2 }); //(3) [4, 6, 8] arr 내에 있는 데이터들을 파라미터 a에 넣어서 모두 2씩 곱해줄 수 있다. map은 유사 반복문이다. React에서 반복문 쓰는 법 : .map() 우선 JSX 중괄호 내에서 for을 사용할 수 없다. map()은 사용가능하다. 예제 1 return ( {users.map(user => ( {user.username} ({user.name}) ))} ); 예제 2 { 글제목.map(function(글){ ..
React/기초
2022. 9. 26. 16:41