State Lifting

React의 데이터 흐름은 상위 컴포넌트에서 하위 컴포넌트로 전달하는 하향식, 단방향 데이터 흐름을 따르고 있다.

이와같은 흐름은 코드 수정이 적어지고, 흐름을 알기 쉽다는 장점이있다. 하지만 반대로, state에서 온건지 하드코딩으로 입력 받은 내용인지는 알 수 없다.

그렇다면 하위 컴포넌트의 이벤트로 상위 컴포넌트의 상태를 바꾸어 부려면 어떻게 해야할까?

상위 컴포넌트의 상태변경 함수를 하위 컴포넌트에 전달 시켜 실행하면 된다

props로 상위 컴포넌트의 함수를 하위 컴포넌트에 전달해주고, 하위 컴포넌트에서 그 함수를 호출하면된다!!

상위 컴포넌트에서 state를 가지고 있고, state를 변경해주는 함수를 하위 컴포넌트에서 호출하면되는 방식이다