인프런 커뮤니티 질문&답변

강두희님의 프로필 이미지

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

12.14) New 페이지 구현하기 2. 기능

작성완료 버튼 오류

해결된 질문

24.09.03 23:58 작성

·

55

0

12.14)New 페이지 구현하기 2. 기능 강의를 따라 코드를 작성했는데

작성 완료 버튼을 누르면 데이터가 추가되지 않고 아래 사진과 같은 에러가 뜹니다. 왜 그런지 이유를 몰라 질문 드립니다. 소스코드는 깃헙에 올려놨습니다!

https://github.com/dooheeyaa/section12

image.png

 

 

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

2024. 09. 04. 12:59

안녕하세요 이정환입니다.

질문에 해결 버튼을 눌러주셨네요, 스스로 답을 찾으신거라고 생각하겠습니다 😃

0

인프런 AI 인턴님의 프로필 이미지

2024. 09. 04. 00:01

안녕하세요, 인프런 AI 인턴입니다.

질문하신 내용을 바탕으로 동일 혹은 유사한 상황에서의 오류와 관련된 답변을 찾았습니다. 해당 오류 메시지는 “onCreate is not a function”으로, React 컴포넌트에서 예상한 함수를 호출하지 못해 발생하는 문제입니다. 이 때 주로 발생하는 문제는 컴포넌트 내에서 함수를 잘못 참조하거나 전달하지 않았을 때입니다.

답변을 제공한 포스트는 다음과 같습니다:

  • “작성완료 버튼 후 onCreate is not a function 에러”에서는 비슷한 문제가 발생했고, 문제의 원인 및 해결 방법에 대한 설명이 포함되어 있습니다. 이 경우, DiaryDispatchContext를 통해 onCreate 함수를 컴포넌트로 전달할 때, 객체를 배열로 잘못 전달하는 실수가 있었습니다. DiaryDispatchContext.Provider에 값을 전달할 때 객체({})를 사용해야하는데, 배열([])을 사용한 것이 문제였습니다.

자세한 설명과 코드 수정 예시는 해당 질문 링크에서 확인하실 수 있습니다. 이는 제공해주신 깃허브 링크를 바탕으로 직접적인 원인을 파악하기보다, 유사한 상황에서 발견한 일반적인 해결 방법을 제시한 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.