React - TypeError: Cannot read property 'map' of undefined

.map 프로퍼티를 읽을수 없다?

 

먼저 위 코드에서 items는 comments.js에서 props로 넘겨받는 배열이다.

넘겨받은 배열 내의 요소들을 .map으로 매핑해주려고 하는데,

저런 에러가 발생.

 

찾아보니, 

props.items의 배열을 받아 .map을 돌리기 전에 React의 렌더링이 이루어지기 때문에 에러가 나는 듯하다.

그렇다면?

props로 받는 items가 있는지 확인 후 매핑을 해주는 걸로!

혹은 && 연산자를 사용해도 된다.

{items && items.map(...)} 이런 식으로...!