React | 변수 vs State

---

변수

• 값을 직접 할당하여 변경한다.
• 작성된 Component 내부에서만 사용되는 값이다.
• 변수 값이 변경되어도 Component가 리렌더링 되지 않는다.

let myVariable = 0;

myVariable = 1;

---

State 

• useState를 사용하여 선언된 State는 setState를 사용하여 값을 변경한다.
• 작성된 Component 내 외부에서 사용될 수 있다. props나 context 등을 통해 하위 컴포넌트로 전달 가능
• State 값이 변경되면 Component가 리렌더링 되도록 트리거 된다.
• 상태 관리가 필요하거나, 동적 UI 구현을 위해 사용된다.

const [myState, setMyState] = useState(0);

setMyState(1);