[코드캠프 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

좋은 웹페이지 즐겨찾기