[에러 해결방법] oo is not a function

나는 일기장에서 일기를 삭제하는 기능을 구현할 때 이러한 오류가 발생했다.

나에게 이런 오류가 발생했던 이유는 App.js에서 만든 onDelete함수를 DiaryList.js를 거쳐 DiaryItemjs에 props로 전달하는 과정에서 

onDiaryItem.js에서 props를 받는 부분의 코드에서 함수명 오타가 났었다. 나는 신기하게도 onDiaryItem.js안에서 onDelete를 사용할 때에도 오타가 난 함수명 그대로 사용해서 vscode상에서는 큰 오류가 보이지 않았었다.

 

위와 같이 props를 주는 파일과 받는 파일서의 함수명이 다르면 오류가 발생한다.