인프런 커뮤니티 질문&답변

뿌셔뿌셔님의 프로필 이미지

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

null 에러 질문드립니다.

작성

·

151

0

 

안녕하세요 제로초님, 최대한 원인을 찾아보려고 했는데 해결되지 않아 문의드립니다.

제가 듣고 있는 강의 부분은 [ 58강 게시글 불러오기 ] 이구요.

 

이전 강의인 로그인 유지때까지만해도 아무 문제 없던 코드가 generateDummyPost 함수를 제거하여 업로드 된 post목록을 불러오는 것으로 바뀐 뒤부터 위 오류가 나타납니다.

 

index.js 에서는 mainPosts들을 map 돌려 <PostCard post={v} /> 컴포넌트에 props를 전달하고 있는데요

back > routes > post.js 와 posts.js 모두 include와 attributes를 이용해 ['id', 'nickname'] 정확히 입력하였고,

두번째 스크린샷 처럼 LOAD_POSTS_SUCCESS가 되면 각 post안에 User안에 id와 nickname도 잘 들어와 있는 것을 확인했습니다.

** 오류는 <PostCard/>컴포넌트의 post.User.id / post.User.nickname에서만 납니다. post.content는 잘 들어옵니다.

 

다시 generateDummyPost를 가져다 붙이면 또 됩니다. ㅠㅠ

제로초님의 깃허브 코드를 그대로 가져다 붙여도 똑같은 오류가 나는데 혹시 체크해볼만한 사항이 있을까요?

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

코드를 post.User?.xxx 로 바꾸세요. 다른 액션 중에 post.User가 없는 타이밍이있어서그렇습니다.

뿌셔뿌셔님의 프로필 이미지
뿌셔뿌셔
질문자

감사합니다 ㅠㅠㅠㅠ