TypeError: Cannot read properties of undefined

문제점: Cannot read properties of undefined

리액트를 배우고 가장 자주 보는 오류 메시지 중 하나인데 값이 정의되지 않아 읽을 수 없을 때 발생한다고 한다.

state는 비동기적이고 처음 렌더링하기도 전에 동작한다. 이 때의 state는 정의되지 않았기 때문에 undefined이고 그래서 값을 읽을 수 없다는 에러가 출력된다고 한다.

---

문제해결: && 연산자와 조건문 사용

&& 연산자를 사용하면 && 앞뒤로 false 값을 찾고, false가 없다면 뒤에 있는 값을 출력한다. 앞, 뒤 모두 true면 뒤에 있는 값을 출력해준다. 조건식에 false가 있는 경우 null이 되고 렌더링하지 않으며 렌더링을 하지 않으니 오류도 출력되지않는다.