|| 는 or 연산, &&이 and 연산인건 아는데,
{!movies && <h4>Loading...</h4>}
리액트에서 'movie' state가 undefined일 때 왜 우항의 로딩이 렌더링 되는지 궁금해서 찾아봤더니
단축평가라는게 존재했다.
간단하게 좌항이 true일때와 false 일 때 존재하는데
1. true || something 일 때 우항을 볼 필요도 없이 좌항 값이 반환된다.
ex)
"apple" || false; // "apple"
"apple" || true; // "apple"
2. false || something 일 때 우항 값이 반환된다.
apple" && "banana" // "banana"
출처: https://curryyou.tistory.com/193 [카레유]
'개발 > 자바스크립트' 카테고리의 다른 글
[NextJS] Fast refresh가 작동하지 않을 때 (React 18) (0) | 2022.03.26 |
---|---|
[NextJS] getSererSideProps (0) | 2022.03.24 |
익명함수와 즉시실행함수표현(IIFE) (0) | 2022.03.22 |
[NextJS] 넥스트JS 개념 (0) | 2022.03.21 |
[네스트js] 컨트롤러, 프로바이더, 모듈 + validation (0) | 2022.03.17 |