선생님께 질문있습니다.
212
작성한 질문수 10
혹시 home edit delete 버튼 아랫부분에서
postDetail && postDetail.comments라고 했는데.
posetDetail.comments부분은 [] 빈배열임에도 삼항연산자에서 true로 인식해 화면에 렌더되는것같아요. 혹시 그것외에도 postDetail.comments를 사용하신 이유를 알 수 있을까요?
답변 1
0
일종의 검증입니다.
즉. 데이터가 존재할 경우에만 그 아래를 렌더링 하라는 것입니다.
예를 들어, postDetail.date를 렌더링하라고 할 경우, 이것을 안 넣어주면 서버로 부터 데이터를 받는 데에는 당연히 시간이 걸리기에
리액트는 처음부터 빨간색 오류를 뿜으며 불만을 합니다.
"데이터도 없는데 뭐하라는거야? type도 모르겠고~~~!!(주로 undefined(아직 정해지지 않았다) 라고 많이 나옵니다)"
그렇기에 먼저 데이터가 있는지 검증하고, 없으면 일반적으로 로딩화면(여기서는 "Hi"라고 했죠), 있으면 데이터를 렌더링 하게됩니다.
(참고) 자바스크립트에서 undefined와 null은 다른 것입니다.(물론 비슷해보이지만요)
undefined(아직 정해지지 않았음), Null(존재하지 않음) ⇒ 타입스트크립트에서는 세부적으로 2가지 타입이 더 존재합니다.
npm run dev-watch 오류
0
77
1
npm i react-redex redux-saga react-router-dom connected-react-router bootstrap reactstrap dotenv 명령어 설치하면 에러날까요?
0
439
1
mongodb 자세히 알고 싶습니다
0
264
1
강의 듣으면서...포스트 맨도 안됩니다
0
247
1
혹시 gatsby 생성하는 명령어 하는지 알고 싶습니다
0
274
1
webpack 설정 문제입니다.
0
309
1
Category관련 질문
0
232
1
https://www.ssaple.net/ 블로그 접속이 되질 않아요.
0
311
1
리액트 버전 오류 나시는 분들 참고
0
481
1
react 18버전에서의 connected-react-router 가 설치가안됩니다
0
1069
1
jwt.sign() 에서의 질문입니다.
0
207
1
ssaple.net 접속이 안됩니다.
0
368
1
Media(Video) 파일 첨부관련 질문
0
296
1
페이지 Link를 이용한 페이지 이동이 안됩니다
0
339
1
webpack.config.js 설정
0
832
1
몽고db 사이트가 많이 바뀌어서
0
344
1
선생님 req에 아무것도 안들어오는데 혹시 뭐가문제일까요 ?
0
302
1
안녕하세요 강의 잘 보고 있습니다 질문 하나 있는데요 ..
0
1586
1
그대로 따라하였고 하루종일 reboot하는데 되지않습니다..
0
213
1
Encountered two children with the same key 에러..
0
865
1
강사님 redux에러 질문이요
1
244
2
선생님 왜 저는 백날해도 collapse 내용이 link아래로 갈까요?
0
350
2
postDetail scss 문제
0
233
3
강사님 포스트 디테일 부분을 똑같이 작성하였는데 이런 오류가 나서 도저히 방법을 모르겠습니다 ㅠㅠ
0
211
1