false expression
316
작성한 질문수 6
Inline If에서 false expression을 사용하면 뒤에 내용은 평가되지 않지만, false expression의 결과 값이 그대로 리턴되기 때문에 주의 해야 한다 이렇게 말씀하셨는데 그러면 하단의 흰색 박스에 조건이 만족하지 않을 경우에도 결과 값을 그대로 리턴하나요..?
답변 1
0
안녕하세요, 소플입니다.
말씀해주신 대로 && 연산자의 앞부분의 조건문이 false(또는 falsy expression)일 경우,
뒷 부분의 조건문은 평가되지 않고 앞 부분의 결과값이 반환됩니다.
이 때 결과값이 false 또는 null일 경우에는 화면에 아무것도 나오지 않게 되는데,
만약 결과값이 0이라면 화면에 0이 그대로 출력됩니다.
이런 상황을 방지하기 위해서는 조건문의 결과값이 무조건 boolean이 되도록 해주는 것이 좋은데,
예를 들면 아래와 !! 연산자를 사용 할 수 있습니다.
{!!(unreadMessages.length > 0) &&
<h2>
{`현재 ${unreadMessages.length}개의 읽지 않은 메시지가 있습니다.`}
</h2>
}
감사합니다.
강의가 삭제되었다고 합니다
0
111
1
이거 왜 존재하지 않는다고 뜨는건가요
0
138
1
존재하지 않는 수업이라고 떠요
0
184
1
안드로이드 에뮬레이터 오류
0
101
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
130
1
prevIsConfiromed 질문
1
144
2
chapter14 잘이해가 되지않습니다..
1
136
2
2025년 3월 리액트버전
1
205
2
npm 설치 오류
1
178
1
chapter_07 콘솔로그 질문드려요~!
1
129
2
안녕하세요 미니블로그 실습 질문드립니다.
1
179
3
에러가 떠요
1
220
3
Chapter6 질문 드립니다
1
210
2
실습 코드 있을까요?
1
208
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
234
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
310
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
142
1
버튼이 안 뜹니다
0
305
2
npx create-react-app my-app
1
472
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
377
3
Chapter_05 터미널, 리액트 에러
0
194
2
npx create-react-app my-app 명령어 반응없음
1
434
3
import 코드 에러
1
215
1
백틱
1
122
1