Uncaught TypeError: Cannot read properties of undefined (reading 'map')

문제상황

{
  message.items.map((data, idx) => {  // Uncaught TypeError: Cannot read properties of undefined (reading 'map')
      // 생략
    }
  )
}

 

 

 

원인

데이터가 전부 넘어오기도 전에 렌더링되었기 때문에 발생한 에러였다.

 

 

 

해결

단축평가를 사용했다.

{
  message.id && message.items.map((data, idx) => {  // 앞에 message.id 추가
      // 생략
    }
  )
}

 

 

 

참고

• 단축평가 (short-circuit evaluation)