일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 프론트엔드
- 연산자
- 비전공자
- CSS
- 웹디자인기능사
- JS
- git
- jQuery
- PROJECT
- 리액트
- 자바스크립트
- 세로메뉴바
- github
- 코딩독학
- 생활코딩
- 렛츠기릿자바스크립트
- 코드공유
- 타입스크립트
- 웹퍼블리셔
- 실기
- JavaScript
- react
- HTML
- 정보처리기사
- 웹디자인기능사실기
- 슬라이드전환
- Supabase
- 웹디실기
- 깃
- web
Archives
- Today
- Total
목록리스트렌더링 (1)
코딩하는라민

[React] 리스트(배열) 렌더링, Key 📌 JS 에서 리스트를 반환하는 방법 const arr = [1, 2, 3]; const arrChange = arr.map((arr) => arr + 1); console.log(arr, arrChange); map 함수는 배열 안의 요소로 새로운 배열을 반환한다. 원본을 변형하지 않는다. 리액트에서도 자바스크립트에서처럼 리스트를 반환하는 방법은 비슷하다! 리액트에서는 map 함수를 이용해 리액트 엘리먼트를 반환하면 된다. Array.prototype.map() - JavaScript | MDN map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. developer.mozilla.org 📌 리액트..
Core/React
2023. 2. 26. 00:57