(실습) 섭씨온도와 화씨온도 표시하기 관련

왜 화씨, 섭씨가 바뀌면 서로 서로 영향을 주면서 같이 바뀌는지 그 흐름이 정확히 이해가 안되네요.. console.log로 도배해서 파악한 바로는 아래와 같습니다.

[섭씨를 바꾼다는 가정]

1. TemperatureInput 컴포넌트의 value가 바뀜

2. TemperatureInput 컴포넌트의 props.onTemperatureChange(event.target.value); 호출

3. Calculator 컴포넌트의 handleCelsiusChange 호출

4. setTemperature(temprature)와 setScale('c') 호출하여 temprature, scale의 state가 바뀜

5. state가 바뀌었으니 Calculator 컴포넌트가 재생성(?)

6. Calculator 컴포넌트의 return에 TemperatureInput temperature props에 celsius, fahrenheit가 업데이트 된채로 TemperatureInput 컴포넌트 재생성(?)

7. TemperatureInput 컴포넌트의 input은 props.temperature를 value로 보여주고 있으니 각각 바뀜

위 가정의 흐름이 대충 맞는건지 궁금합니다! 뭔가 어거지로 끼워맞춘건지 제대로 파악하고 있는지 애매하네요...