false expression

안녕하세요, 소플입니다.

말씀해주신 대로 && 연산자의 앞부분의 조건문이 false(또는 falsy expression)일 경우,

뒷 부분의 조건문은 평가되지 않고 앞 부분의 결과값이 반환됩니다.

이 때 결과값이 false 또는 null일 경우에는 화면에 아무것도 나오지 않게 되는데,

만약 결과값이 0이라면 화면에 0이 그대로 출력됩니다.

이런 상황을 방지하기 위해서는 조건문의 결과값이 무조건 boolean이 되도록 해주는 것이 좋은데,

예를 들면 아래와 !! 연산자를 사용 할 수 있습니다.

{!!(unreadMessages.length > 0) &&
    <h2>
        {`현재 ${unreadMessages.length}개의 읽지 않은 메시지가 있습니다.`}
    </h2>
}

감사합니다.