Conditional-rendering

Conditional-rendering 이란?

조건부 렌더링이란, 특정 조건에 따라 다른 결과물을 렌더링 하는 것을 의미한다.

Conditional-rendering의 종류

  1. 삼항 연산자
    문법 : data가 참이면 ? 뒤 조건 실행, 거짓이면 : 뒤 조건 실행

    data ? data.fetchProfile : undefined
  2. && 연산자
    문법 : data가 참이면 && 뒤 조건 실행, 거짓이면 data 실행

    data && data.fetchProfile
  3. 옵셔널 체이닝
    문법 : data가 참이면 ?? 뒤 조건 실행, 거짓이면 data 실행

    data ?? data.fetchProfile
  4. || 연산자
    문법 : data가 거짓이면 || 뒤 조건 실행, 참이면 data 실행

    data || data.fetchProfile

  1. nullish-coalescing
    문법 : data가 거짓 중에서 null이거나 undefined이면 뒤 실행, 그 외 모든건 data 실행

    data ?? data.fetchProfile

    많이 쓰이지는 않지만 알고는 있을 것.

좋은 웹페이지 즐겨찾기