App.js에서 handleCreate 함수 생성 시 오류

Question

영상 속 App.js에서는 클래스로 정의되어있는데요 요새는 React app create하면, 디폴트로 function App()으로 만들어놓더라구요   클래스에서는 handleCreate=() =>{ } 정의가 되지만, function으로 정의된 App.js에서는...오류가 뜹니다. const를 앞에다 붙여도 안되고;; 왜그럴까요? 클래스 컴포넌트가 아닌 function으로 정의된 App.js에서는 어떻게 내부 함수를 생성해야하는지 알려주세요.ㅠㅠㅠ

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴이에요. 함수형 컴포넌트에서 내부 함수를 만들 때에는 함수 선언문 형태로 만들어주시면 됩니다. 예를들어, App.js에서 handleCreate() 함수를 만들고 싶다면 다음과 같이 작성할 수 있습니다. function App() { const handleCreate = () => { // handleCreate 함수 내용 작성 } return ( // 컴포넌트 내용 작성 ); } 함수 내부에서 상태와 props를 사용해야하는 경우, useState 또는 useContext를 활용하면 됩니다. 결론적으로 function으로 정의된 컴포넌트에서도 내부 함수를 만드는 것은 가능합니다. 하지만 함수형 컴포넌트는 상태 관리를 위해 Hooks를 이용하는 등의 방식이 다른 점이 있습니다. 이 부분을 참고하시면 좋을 것 같습니다.