리액트

state

Choiji 2021. 3. 24. 16:14

클래스형 컴포넌트

컴포넌트에서 state를 설정할 때는 다음과 같이 constructor 메서드를 작성하여 설정해야 합니다.

constructor : 컴포넌트의 생성자 메서드 클래스형 컴포넌트에서 생성자 메서드를 장성할 때는 반드시 super(props)를 호출해 주어야 합니다.

 

state : 컴포넌트 내부에서 바뀔 수 있는 값을 의미합니다. 컴포넌트의 state는 객체 형식이어야 합니다.

 

state를 조회할 때는 this.state로 조회합니다.

this.setState를 사용하여 state에 새로운 값을 넣을 수 있습니다.

 

 

함수형 컴포넌트

 

useState 함수의 인자에는 상태의 초깃값을 넣어 줍니다. 클래스형 컴포넌트에서 state의 초깃값은 객체 형태로 넣어주어야 했지만 useState에서는 반드시 객체가 아니어도 상관없습니다.

'리액트' 카테고리의 다른 글

props  (0) 2021.03.24
컴포넌트  (0) 2021.03.24
JSX란?  (0) 2021.03.23
리액트 작업 환경 설정  (0) 2021.03.23
리액트란?  (0) 2021.03.23