9강 && 논리연산자 질문입니다.
244
작성한 질문수 1
소플님, 강의 정말 잘 듣고 있습니다.
감사합니다~
소플님 질문 있습니다.
9-1강에서 && 논리 연산자 설명에서
count = 0 인 경우.
return (
count && <p>잘 듣고 있습니다~ {count} 번</p>
);
상기 결과는
0으로 출력 된다고 설명 들었는데요.
9-1 강의에서
isLoggedIn 값이 false로 넘겨졌을 때에
return (
isLoggedIn && 환영합니다.
<button>로그인</button>
);
인 경우의 결과는
false
<button>로그인</button>
이렇게 false가 찍혀야 할것 같은데 소플님의 영상 화면에서는 버튼 밖에 안보입니다.
왜 그런 걸까요?
답변 2
1
안녕하세요, 소플입니다.
리액트에서 boolean 타입인 false, 그리고 null 값은 화면에 출력되지 않습니다.
하지만 0의 경우에는 그 값이 화면에 출력되기 때문에 유의하시라고 강의에서 언급한 것입니다.
그래서 조건부 렌더링을 할 때 조건문의 값이 0이 될 수 있는 경우에는,
아래와 같이 !!를 사용해서 강제로 boolean으로 변환하는 형태를 사용하시는 것이 좋습니다 😀
{!!value && <div>Hello, world!</div>
감사합니다.
강의가 삭제되었다고 합니다
0
109
1
이거 왜 존재하지 않는다고 뜨는건가요
0
135
1
존재하지 않는 수업이라고 떠요
0
184
1
안드로이드 에뮬레이터 오류
0
100
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
127
1
prevIsConfiromed 질문
1
142
2
chapter14 잘이해가 되지않습니다..
1
136
2
2025년 3월 리액트버전
1
204
2
npm 설치 오류
1
178
1
chapter_07 콘솔로그 질문드려요~!
1
128
2
안녕하세요 미니블로그 실습 질문드립니다.
1
179
3
에러가 떠요
1
219
3
Chapter6 질문 드립니다
1
210
2
실습 코드 있을까요?
1
207
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
233
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
308
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
142
1
버튼이 안 뜹니다
0
305
2
npx create-react-app my-app
1
471
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
377
3
Chapter_05 터미널, 리액트 에러
0
194
2
npx create-react-app my-app 명령어 반응없음
1
433
3
import 코드 에러
1
215
1
백틱
1
122
1