본문 바로가기

# Tech/React

[Typescript React] 상태 끌어올리기


공통된 상태는 끌어올리자


어떤 컴포넌트들은 본질이 같은 데이터를 보여주어야 할 경우가 있습니다.


화씨와 섭씨 변환기가 대표적인 예시인데,

둘 중 하나를 바꾸면 반대쪽도 바뀌어야 하기 때문이죠.



사실 화씨와 섭씨의 본질 데이터는 같습니다.

본질 데이터를 공유할 수 있도록 제어되는 컴포넌트 기법을 활용하면 되겠군요.


공통된 상태를 공통 조상의 상태로 끌어올리는 것.

이것을 상태 끌어올리기라고 합니다.