react-big-calendar 라이브러리를 커스텀하기 위해 달력을 4개 컴포넌트로 쪼갰다.

AccountCalendar.js - 달력 최상위 컴포넌트

ToolBar.js - 이전 달, 다음 달 버튼 달력 헤더 컴포넌트

Day.js - 날짜 컴포넌트

Event.js - 등록된 수입, 지출 내역 style을 커스텀하는 컴포넌트

🤔 문제상황

ToolBar 자식 컴포넌트에서 다음 달 혹은 이전 달 버튼 클릭 이벤트가 발생했을 때, 어떻게하면 달력 최상위 컴포넌트에서 월별 내역을 새로 요청할 수 있을까?

전제조건 A

react-big-calendar 의 경우 쪼개진 컴포넌트를 아래와 같은 형태로 삽입하기 때문에

자식컴포넌트에 데이터를 인자로 넘겨줄 수 없다.