useState (상태)

공식문서 => https://ko.reactjs.org/docs/hooks-reference.html#usestate

Hooks API Reference – React

state 란? 

계속해서 변화하는 특정 상태를 의미한다.

상태에 따라 각각 다른 동작을 한다고 말한다.

컴포넌트에서 동적인 값을 상태(state)라고 부른다.

 

React 에서는 useState라는 메서드를 지원한다.

배열을 반환하며 비구조화 할당을 통해서 받아온다.

const [state, setState] = useState(initialState);

0번째 index는 state의 값으로 사용되고

1번째 index는 0번째 index의 상태를 변경하는 상태변화 함수이다.

 

0번째 index 는 Getter 로 사용되고

1번째 index 는 Setter 로 사용된다고 생각하면 이해하기 쉬울 것이다.

 

Getter = 값을 가져오고 출력 할 수 있는 상태

Setter = 값을 변경 할 수 있는 상태 

 

공식문서에서 useState는 "상태 유지 값과 그 값을 갱신하는 함수를 반환합니다." 라고 설명한다.