유저가 작성한 게시글에 유저의 정보API를 뿌려주는 카드를 만들다가 "TypeError: Cannot read property 'map' of undefined" 라는 오류가 발생했다.
리액트는 렌더링이 화면에 커밋 된 후에야 모든 효과를 실행하기 때문에 map함수를 반복실행할 때 첫 실행에 데이터가 아직 안들어와도 렌더링이 실행되고 그 데이터가 undefined로 정의되어 나온다.
문제 해결
&& expression 은 항상 expression으로 실행되고 false && expression은 항상 false로 실행 따라서 조건이 참이면 && 바로 뒤의 요소가 출력에 나타난다.
TIL 정리