[리액트]State 이론

State는 리액트에서 이벤트에 의해 변경되는 동적인 값을 의미

한 컴포넌트 안에서 유동적인 데이터를 다룰 때 사용되며 다른 컴포넌트 안에서 데이터를 변경할 수 있음

Props는 부모 컴포넌트가 설정하는 값으로 읽기 전용으로만 사용했지만, State는 하위 컴포넌트에서도 데이터를 변경할 수 있는 특징이 있음

State를 사용하기 위해서는 useState라는 Hook을 사용

State 사용법

useState 코드는 아래와 같은 형식
const [state, setState] = useState(initialState);

-> state: 앞으로 관리하고자 하는 상태, 변수
-> setState: 상태를 변경하고자 하는 setter 함수
다른 곳에서 호출하여 state 값을 변경할 때 사용
-> initialState: 초기값 설정