[React] state란 무엇일까?

state란?

컴포넌트의 현재 상황에 대한 정보를 나타내기 위해 리액트에서 쓰는 자바스크립트 객체이다.

또한 함수에 선언된 모든 변수와 마찬가지로 컴포넌트에서 관리가 되어진다.

 

state를 활용한 아래 예시를 보자.

컴포넌트가 실행될 때 render ( ) 함수보다 먼저 실행이 되면서 컴포넌트를 초기화를 시켜주고 싶은 코드는 constructor( ) 안에 넣어줍니다.

즉 컴포넌트의 시작 부분에서 constructor ( ) 함수가 컴포넌트의 초기화를 시켜줘야 state에 값을 넣어 사용할 수 있다.

또한  render ( ) 함수안

title={this.state.subject.title}

와 같이 중괄호를 사용해 state 값을 가져와 사용한다.