[코드캠프 2주차]Conditional-rendering ( &&, 삼항연산자, Optional Chaining )
[옵셔널 체이닝(?,&&)]
옵셔널 체이닝은 물음표를 사용하여 조건을 분기처리 한다.
물음표 앞에는 조건을 걸고 true라면 ? 다음의 왼쪽 부분을 false 라면 오른쪽 부분을 보여준다
data ? data.fetchProfile:<div>없음</div> //만약에 data 가 true면 data.fetchProfile을 나타내주고 false 면 없음을 나타내줌
data && data.fetchProfile //data 가 true 이면 && 이후 값을 나타내고 아니라면 undefined인 data를 나타낸다.
[nullish-coalecing]
쓰는 방식은 data??data.fetchProfile
data가 참도 아니고 거짓중에서도 null과 nudefined 일때만 뒤에 그려줘 라는 뜻이다.
최근 문법이지만 잘 사용하지 않는 방식 중 하나 이다.
const foo = null ?? 'default string';
console.log(foo);
// expected output: "default string"
const baz = 0 ?? 42;
console.log(baz);
// expected output: 0
Author And Source
이 문제에 관하여([코드캠프 2주차]Conditional-rendering ( &&, 삼항연산자, Optional Chaining )), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@alsqjarlwkd/Conditional-rendering-Optional-Chaining저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)