[React] TypeError 발생

 

거의 다 했는데 다음과 같은 에러가 발생했다.

리액트에서 가장 빈번하게 발생하는 오류라고 한다. 

 

발생 원인은 배열 요소로 접근할 수 없는 요소에 배열로 접근하려고 할 때 발생한다고 한다. 

 

그래소 오류가 발생한 곳인 Board.js를 뒤져봤는데 특별한 문제점이 없었다. 

 

오류에서 알려주는 라인은 모두 정상이었다.

 

📌해결방법
그래서 지피티한테 코드를 주고 물어본 결과 Game.js에서 문제점을 찾았다...

 

부끄러운 문제였다... legnth를 legnth라고 썼다. 

 

스펠링이 틀렸다고 이런 문제가 발생했다. 

 

이 자식은 스펠링이 틀렸는데 빨간줄을 주지도 않았다.

다음부터는 배열 요소에 잘 접근한 것이라면 다른 파일에서 스펠링이 틀린 곳이 있는지 확인하는 것도 좋은 방법일 수 있겠다.