반응형
나는 class를 추가하고 빼는 것으로 만들었지만
선생님은 useState를 이용해서 먼저 상태를 추가했다
form이 보일지 안 보일지를 결정하는 state를 추가한다.
아직도 헷갈리는 부분은 자식 컴포넌트에서 부모 컴포넌트로 전달하는 부분이다
ExpenseForm.js
<button type="button" onClick={props.onCancel}>Cancel</button>자손 컴포넌트에서 onClick 이벤트가 발생했다!
그럼 props의 onCancel ( ) 이 실행 되는데 ....
props를 전달해준 부모 컴포넌트를 보면
onCancel에 stopEditingHandler() 메서드가 연결되어 있기 때문에
그것이 실행된다....
라고 이해했다
NewExpense.js
<ExpenseForm onSaveExpenseData={saveExpenseDataHandler} onCancel={stopEditingHandler} />
반응형
'온라인 강의 > React 완벽 가이드 [Udemy]' 카테고리의 다른 글
| 78. 데모 앱: 차트 추가하기 (0) | 2023.06.05 |
|---|---|
| 77. 조건 명령문 반환 추가하기 (0) | 2023.06.05 |
| 75. 연습하기 : 조건부 내용 (문제) (0) | 2023.06.05 |
| 74. 조건부 내용 출력하기 (0) | 2023.06.04 |
| 73. 연습하기 : Lists 다루기 (정답) (0) | 2023.06.04 |