DEVELOPMENT RECORD

  • 홈
  • 태그
  • 방명록

배열 렌더링 1

[React] 배열 렌더링 하기

동적인 배열을 렌더링해야 할 때에는 자바스크립트 배열의 내장함수 map()을 사용한다. map() 함수는 배열안에 있는 각 원소를 변환하여 새로운 배열을 만들어준다. 리엑트에서 동적인 배열을 렌더링해야 할 때는 이 함수를 사용하여 일반 데이터 배열을 리엑트 엘리먼트로 이루어진 배열로 변환해주면 된다. import React from 'react'; function User({ user }) { return ( {user.username} ({user.email}) ); } function UserList() { const users = [ { id: 1, username: 'velopert', email: 'public.velopert@gmail.com' }, { id: 2, username: 'test..

Development/React.js 2022.01.04
이전
1
다음
더보기
프로필사진

DEVELOPMENT RECORD

꾸준히 공부하며 기록하는 개발을 위한 블로그 입니다. https://github.com/moretz0921

  • 분류 전체보기 (168)
    • Development (166)
      • Html (15)
      • CSS & SCSS (31)
      • React.js (120)
    • Development Environment (0)

Tag

HTTP, npm, 퍼블리셔, 리엑트, VUE, 함수, 자바스크립트, 객체, 타입스크립트, javascript, 프로그래머스, moment.js, 알고리즘, Git, 라이브러리, 태그정리, DoM, react, 제이쿼리, Level1,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바