728x90
Lifting state up
-
리액트 주요개념 - State 끌어올리기IT/리액트 2022. 1. 16. 19:28
동일한 데이터에 대한 변경사항을 여러 컴포넌트에 반영해야 할 때가 온다면 가장 가까운 공통 조상으로 state를 끌어올리는 것이 좋습니다. 예제: 주어진 온도에서 물의 끊는 여부를 추정하는 온도 계산기 BoilingVerdict: 섭씨온도를 의미하는 celsius prop를 받아 물이 끓기에 충분한 온도인지에 대한 여부를 출력 function BoilingVerdict(props) { if (props.celsius >= 100) { return The water would boil.; } return The water would not boil. } Calculator: 온도를 입력할 수 있는 을 렌더링하고 그 값을 this.state.temperature에 저장, 현재 입력값에 대한 BoilingVe..