react 상태관리

React의 상태 (state)

: state란 컴포넌트 안에서 사용되는 자바스크립트 객체이며, 렌더링 결과에 영향을 끼치는 객체이다.

state는 컴포넌트에 대한 데이터 또는 정보를 포함하는 데 쓰이는 리액트 내장 객체다. 컴포넌트 상태는 시간이 지남에 따라 변경될 수 있다. 변경될 때마다 컴포넌트가 다시 렌더링된다. state 변경은 사용자 작업 또는 시스템 생성 이벤트에 대한 응답으로 발생할 수 있으며 이 변경은 컴포넌트의 동작, 렌더링 방법을 결정한다

리액트 16.8 이전 버전에서는 함수형 컴포넌트에서는 상태를 관리할 수 없었다고한다.

리액트 16.8 에서 Hooks 라는 기능이 도입되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다.

그중 한가지 방법이 바로 react의 hook인 useState()를 사용하는 것이다.

useState

useState의 사용방법은 다음과 같다

const [state, setState(setter함수)] = useState(기본값)