Cannot read properties of undefined

리액트에서 가장 자주 보는 오류 메시지이다. 이 오류는 값이 정의되지 않아 읽을 수 없을 때 발생한다.

 

위와 같은 에러는 React뿐만 아니라 Angular, Vue 프레임워크에서도 자주 발생한다.

여기서 알아야할 사실은 state가 비동기적이며 처음 렌더링(마운팅)하기도 전에 동작한다는 것이다. 이 때의 state는 정의되지 않았기 때문에 당연히 undefined다.
때문에 값을 읽을 수 없다는 에러가 출력되는 것이다.

 

>>>>>

 

 

작동

 

작동 안함

 

할거면 둘다 되던다 둘다 안되든가 화나게하지마

 

 

 

 

 

 

 

콘솔 찍으면 값은 다 존재

 

 

 

 

 

 

애러 이유

집 주소가 애매했음,

코드 전문

 

해결법 

1. 

주소를 상세하게 매핑

 

 

 

 

해결법 

2.

&& 연산자와 조건문을 적극 활용하자.

 

구지 default 값을 보여주고 싶지 않으면 

&&만 사용

 

 

 

 

위엣줄이 작동되었던 이유

string 값이라서 맛집을 찾아갔지만 건물이 비어있었지만

 

배열은 복잡한 맛집을 가는길을 설명서가 도착을 안해서 페이지를 랜더링 할수 없었음.