코딩 오답 노트장

  • 홈
  • 태그
  • 방명록

FrontEnd/React 12

[React] map() if문을 filter로

map()안에서 if문을 사용한 코드 const sample = [{name: "a", age: 22, role: "member", pay: 100}, {name: "b", age: 25, role: "member", pay: 120}, {name: "c", age: 30, role: "leader", pay: 130}, ]; const result = sample.map(data => { if(data.role !== "leader") return {data.name}; } ); ★ filter()를 사용하면 더 깔끔 filter() : 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 const sample = [{name: "a", age: 22, role: "member", p..

FrontEnd/React 2021.12.23

[React] JSX 컴포넌트 반복 렌더링

자바스크립트 반복문을 통해 DOM에 JSX을 렌더링하고 싶을 때 return 문 안에서 for문을 사용하지 못함 방법 세가지! return문에서 JSX를 반환하는 함수 호출 JSX 루프 렌더링 시에 반드시 key값을 unique하게 할당해줍니다 - react specific - 장점: 재사용이 용이함, return문이 깔끔 // right function App() { const weekArr = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"]; const rendering = () => { const result = []; for (let i = 0; i < weekArr.length; i++) { result.push({weekArr[i] + " / "}); ..

FrontEnd/React 2021.12.23
이전
1 2
다음
더보기
프로필사진

오답 노트 블로그

  • 분류 전체보기 (39)
    • FrontEnd (18)
      • JavaScript (6)
      • React (12)
    • Database (2)
      • SQL (2)
    • BackEnd (6)
      • Java (4)
      • Spring (2)
    • Etc (9)
      • Error (9)
    • 주저리 (0)

최근글과 인기글

  • 최근글
  • 인기글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바