Conditional-rendering ( &&, 삼항연산자, Optional Chaining )

바유·2022년 4월 1일
0
post-thumbnail

Conditional-rendering

삼항 연산자(참뒤 거뒤)

data가 이면 ? 조건 실행, 거짓이면 : 조건 실행
가독성이 떨어지기에 한줄로 표현될때만 사용권장

data ? data.fetchProfile


&& 연산자(참뒤 거앞)

data가 이면 && 조건 실행, 거짓이면 실행

data && data.fetchProfile


Optional Chaining(참뒤 거앞)

data가 참이면 뒤 조건 실행, 거짓이면 앞 실행

data ?? data.fetchProfile


|| 연산자 (참앞 거뒤)

data가 이면 ,실행거짓이면 || 조건 실행


nullish-coalescing

data가 거짓 중에서 null이거나 undefined이면 뒤 실행, 그 외 모든건 앞 실행

data ?? data.fetchProfile

True or false icons created by Freepik - Flaticon

0개의 댓글