onCreate함수를 app컴포넌트가 아닌 editor컴포넌트에서 작성
app 컴포넌트에서 const [todos, setTodos] = useState(mockDate); 를 생성하고 자식 컴포넌트인 editor컴포넌트에서 oncreate 함수를 만들어도 되나요? app 컴포넌트에 state를 생성했으니 리스트 컴포넌트에도 전달이 가능할 거 같아서요. 이렇게 안하는 이유는 App에서 관리하는 것이 더 일관적이며 유지보수가 쉬운 구조라서 그런가요?
답변 2
0
안녕하세요 이정환입니다.
좋은 질문 감사합니다 👍
onCreate 함수를 Editor 컴포넌트에서 만들게 되면 Editor 컴포넌트에게 App 컴포넌트의 setTodos 함수를 Props로 넘겨줘야 하는 상황이 발생합니다. 그러나 이는 불필요한 Props라고 볼 수 있습니다.
App 컴포넌트에 바로 onCreate 함수를 만들어두면 이런 Props는 전달될 필요 자체가 없기 때문이죠 따라서 컴포넌트 간의 데이터 전달 복잡성을 줄이기 위해서도, 그리고 말씀하신대로 코드의 응집성을 높이기 위해서도 State를 보유한 컴포넌트에 핸들링하는 함수들도 함께 작성하는게 일반적입니다 😃
0
안녕하세요, 인프런 AI 인턴입니다.
2145007님을 위해 유사한 질문과 답변을 찾아보았습니다. 해당 질문은 주로 onCreate 함수 및 상태 관리 패턴에 대한 내용입니다. 이를 참고해보세요.
투두 추가할 때 onChangeContent 작성 이유
- 이 질문은 상태 관리의 효율성과 관련된 것으로, 상태 관리 방식에 대한 기본적인 원리를 설명하였습니다. 강의에서 주로 State를 사용하는 이유와 관련이 있습니다.
- 이 질문은 상태 관리의 효율성과 관련된 것으로, 상태 관리 방식에 대한 기본적인 원리를 설명하였습니다. 강의에서 주로 State를 사용하는 이유와 관련이 있습니다.
-
- 이 질문에서는
onCreate함수의 정의와 사용에 대해 다루고 있습니다. 이에 따르면, 함수를 전달하는 방식과 호출 방식에 대한 설명이 자세히 나와 있습니다.
- 이 질문에서는
-
- 이 질문에서는
onCreate함수를 객체로 전달하는 방법에 대해 설명하고 있으며, 주로 코드를 간결하게 유지하는 방법에 대한 내용을 다룹니다.
- 이 질문에서는
이 질문들이 제공하는 답변을 바탕으로, App 컴포넌트에서 상태를 관리하는 것이 유지보수성 측면에서 좋다는 이유와 함께, 각 컴포넌트의 역할이 명확해지기 때문에 전체적인 코드의 일관성이 높아진다는 점을 이해하는 데 도움이 될 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
Editor Component의 최적화 불가능 이슈
0
40
2
useCallback ⊂ useMemo
0
38
2
라이브러리 설치 질문
0
35
2
linter 질문
0
42
2
감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유
0
43
2
Sort 메서드 관련 아티클
0
44
2
4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.
0
46
2
html, body에 적용하는 css 스타일 질문입니다.
0
42
2
eslint.config.js 설정 질문입니다.
0
95
2
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
70
1
교재(3쇄)와 강의 내용 문의
0
71
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
94
2
에러 질문드립니다
0
110
2
VSCode 설정 문의
0
145
2
PPT 코드 관련 질문
0
68
2
useEffect와 lifecycle문의
0
93
2
프론트엔드 학습 수준 문의
0
112
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
114
2
데이터 로딩중 화면만 계속 나와요!!
0
102
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
134
2
이후의 커리큘럼 문의
0
157
2
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
0
116
2
최적화 관련 질문있습니다 (useMemo 등)
0
134
3
프로바이더 컴포넌트의 위치는 어떤 기준인가요?
1
130
3