[🔧 Front-End Error] #2 / TypeError / 2021-09-16

[NAPP4287]

어떤 에러인가요?

• .length를 읽을 수 없다는 에러였다 (대체 왜...?)

에러 메시지

• Uncaught TypeError: Cannot read property 'length' of undefined at SearchAutoComp (SearchAutoComp.js:29) at renderWithHooks (react-dom.development.js:14985) at mountIndeterminateComponent (react-dom.development.js:17811) at beginWork (react-dom.development.js:19049) at HTMLUnknownElement.callCallback (react-dom.development.js:3945) at Object.invokeGuardedCallbackDev (react-dom.development.js:3994) at invokeGuardedCallback (react-dom.development.js:4056) at beginWork$1 (react-dom.development.js:23964) at performUnitOfWork (react-dom.development.js:22776) at workLoopSync (react-dom.development.js:22707) at renderRootSync (react-dom.development.js:22670) at performSyncWorkOnRoot (react-dom.development.js:22293) at react-dom.development.js:11327 at unstable_runWithPriority (scheduler.development.js:468) at runWithPriority$1 (react-dom.development.js:11276) at flushSyncCallbackQueueImpl (react-dom.development.js:11322) at flushSyncCallbackQueue (react-dom.development.js:11309) at discreteUpdates$1 (react-dom.development.js:22420) at discreteUpdates (react-dom.development.js:3756) at dispatchDiscreteEvent (react-dom.development.js:5889)

에러 핸들링 방법

• console.log를 확인해 보았을 때 state를 내려주는 부분에서 undefined가 나온 것을 찾을 수 있었다. 확인 결과, git에서 merge되면서 props를 내려주는 부분이 사라져서 전달 받지 못해 나온 에러였다. 그래서 전달 부분이 끊긴 component로 가서 props를 내려줬더니 해결이 되었다.

// 코드가 들어가도 좋아요!

에러 핸들링을 위해 참고한 레퍼런스 링크

• 에러 메세지를 읽어서 파일 하나하나 찾아보았다.