[React] Cannot read property 'map' of undefined

Cannot read property 'map' of undefined

Cannot read property '???' of undefined

 

React에서 api로 데이터를 가지고와서

state에 데이터를 담고 해당 state의 프로퍼티를 참조하려고 할 때 위와같은 에러가 발생한다.

 

아직 데이터가 할당되지 않은 상태에서 해당 객체의 데이터를

읽으려 하니 발생하는 것으로 추정된다.

 

그럴땐 아래와 같이 삼항연산자로 해당 데이터가 할당되었는지 체크를 한 후 에

프로퍼티를 참조 하면 된다.

(할당이 되지 않았다면 false이기 때문에 노출이 안됨)

//ex1

{video && (
  <div className="info">
    <h3>{video.title}</h3>
  </div>
)}

//ex2

{video && video.map(()=>(
	//코드작성
))
)}