state 값에 let이 아닌 const를 사용할 수 있는 이유

state값에 따라 변하는 id와 pw에 어떻게 let이 아닌 const를 사용할 수 있는가?

  const [inputs, setInputs] = useState({
    id: '',
    pw: '',
  });

  const { id, pw } = inputs;

상태(state)가 변경될 때마다 리액트 컴포넌트가 다시 렌더링되고 이에 따라 각 렌더링 주기마다 const 변수가 새로운 값을 받을 수 있기 때문이다.

상태가 변하면 해당 변수는 새로운 상태 값으로 재할당된다.
이때 React가 컴포넌트를 다시 렌더링하므로, 이전 렌더링의 값에는 영향을 주지 않는다.
따라서 렌더링 과정에서 이 변수들이 변경되지 않는 한, 혼란을 줄이고 코드의 가독성을 높일 수 있는 const를 사용하는 것이 좋다.