Conditional-rendering
Conditional-rendering 이란?
조건부 렌더링이란, 특정 조건에 따라 다른 결과물을 렌더링 하는 것을 의미한다.
Conditional-rendering의 종류
-
삼항 연산자
문법 : data가 참이면 ? 뒤 조건 실행, 거짓이면 : 뒤 조건 실행data ? data.fetchProfile : undefined
-
&& 연산자
문법 : data가 참이면 && 뒤 조건 실행, 거짓이면 data 실행data && data.fetchProfile
-
옵셔널 체이닝
문법 : data가 참이면 ?? 뒤 조건 실행, 거짓이면 data 실행data ?? data.fetchProfile
-
|| 연산자
문법 : data가 거짓이면 || 뒤 조건 실행, 참이면 data 실행data || data.fetchProfile
-
nullish-coalescing
문법 : data가 거짓 중에서 null이거나 undefined이면 뒤 실행, 그 외 모든건 data 실행data ?? data.fetchProfile
많이 쓰이지는 않지만 알고는 있을 것.
Author And Source
이 문제에 관하여(Conditional-rendering), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hyeun427/Conditional-rendering저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)